Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]menu html + css
Forum PHP.pl > Forum > Przedszkole
annma19j4
Witam wszystkich.
Stworzyłem sobie menu do szablonu który będzie pracował z joomlą.
Problem mam z jedną rzeczą z którą nie mogę sobie poradzić. Może na początek wkleję cały kod:

  1. .moduletable_menu li a {
  2.  
  3. margin-top: -10px;
  4.  
  5. margin-left:-40px;
  6.  
  7. list-style-type:none;
  8.  
  9. text-align:left;
  10.  
  11. color:#03538A;
  12.  
  13. font-size:12px;
  14.  
  15. background-image: url(../bg-menuu.jpg);
  16.  
  17. background-repeat: repeat;
  18.  
  19. height: 18px;
  20.  
  21. padding-right: 0.6em;
  22.  
  23. padding-bottom: 0.5em;
  24.  
  25. padding-left: 0.6em;
  26.  
  27. padding-top: 0.5px;
  28.  
  29. margin-bottom: 12px;
  30.  
  31. display: block;
  32.  
  33. }
  34.  
  35.  
  36.  
  37. .moduletable_menu li a:hover{
  38.  
  39.  
  40.  
  41. background:#fff;
  42.  
  43. display: block;
  44.  
  45. list-style-type:none;
  46.  
  47.  
  48.  
  49. }


Joomla generuje następujący kod do tego menu:

  1. <div class="mods_left">
  2.  
  3.  
  4.  
  5. <div class="moduletable_menu">
  6.  
  7. <ul class="menu"><li id="current" class="active item1"><a href="/szablon/index.php?option=com_content&amp;view=article&amp;id=64&amp;Itemid=47"><span>link1</span></a></li><li class="item46"><a href="/szablon/index.php?option=com_content&amp;view=article&amp;id=63&amp;Itemid=46"><span>link 2</span></a></li></ul> </div>
  8.  
  9. </div>
  10.  
  11. </div>



Problem mam w tym, że w każdej pozycji tego menu pojawia mi się kropka z listy (nie wiem jak się to fachowo nazywa), pomimo tego, że w css jest linia: list-style-type:none;

Wygląda to mniej więcej tak:

Jak się tego pozbyć ?
mateŁusz
Screen nie działa to po pierwsze. Dzisiaj, gdy zacząłem robić projekt to zrobiłem menu w ogóle na innej zasadzie. Żadnych ul, li itd.
Zwykły div menu, a w nim odnośniki biggrin.gif
Odrobina CSS i śmiga jak szalony ;d
Bateria
dodaj
  1. .mods_left li { list-style-type: none; }

chyba
annma19j4
Bateria: wygląda na to, że Twój sposób działa. Czy to składniwo jest w miare jako tako poprawnie smile.gif ?
I dlaczego nie działa to dopisując list-style-type:none; do klasy moduletable_menu ?
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.