Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Menu na dole w kolumnach
Forum PHP.pl > Forum > Przedszkole
ZeTu
Mam menu na dole strony wyświetlane że każde podmenu w kolumnach i teraz, jak zrobić, by każda kolumna miała inna szerokość, tzn. zależną od długości nazwy linka, a nie stała.
Jak usuwam width, to nie ma kolum tylko robi się menu poziome z tego. Jak to naprawić?
  1. #menudol {
  2. font-size: 12px;
  3. width: 100%;
  4. color: #000;
  5. list-style: none;
  6. position:relative;
  7. text-align:center;
  8. margin: 0;
  9. padding: 0px;
  10. }
  11.  
  12. #menudol a {
  13. text-decoration: none;
  14. color: #000;
  15. }
  16.  
  17. #menudol a:hover {
  18. text-decoration: underline;
  19. background: transparent;
  20. }
  21.  
  22. ul#menudol li {
  23. list-style-type:none;
  24. float: left;
  25. text-align:left;
  26. margin-left: 10px;
  27. font-weight: bold;
  28. border-right: 1px solid #fff;
  29. border-right-style: dashed;
  30. }
  31.  
  32. ul#menudol li ul {
  33. border-right: 0px;
  34. width: 150px;
  35. margin-left: -10px;
  36. }
  37.  
  38. ul#menudol li ul li {
  39. font-weight: normal;
  40. border-right: 0px;
  41. margin-right: 10px;
  42. }


Jest tak:

A chciałbym, żeby width samo się przystosowywało, a tak nie jest, ani width: auto; ani max-width i min-width nie pomaga.
com
myślę że to Cie naprowadzi wink.gif
http://forum.php.pl/index.php?showtopic=219718&hl=

http://jsfiddle.net/wpeZ4/1/
ZeTu
Brawo smile.gif Właśnie tak to się robi smile.gif Wielkie dzięki smile.gif
A to z submenu http://jsfiddle.net/wpeZ4/3/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.