Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
Malo styli.
Ogólnie co musisz mieć:
11111111111111111111111
22
22 33333
22
ul main (1 poziom) - ustawiona wysokosc
Li w tym ul - float:left; pozycja:relatywna;
ul jako submenu (2 poziom):
pozycjnowanie absolutne, top; left... display:NONE
li tego ul maja float:none; pozycjnowanie relatywne; ustawioną szerokość
ul jako submenu (3 poziom)
pozycjowanie absolute; left lub right iles tam; jezeli right = -szerokosc wyższego submenu to bedzie ladnie ulozone
Tak samo jak wyższe submenu ma mieć display:NONE
potem to już ustawiasz im display:block w zależności od hover
czyli np
ul li:hover ul {display:block;}
ul li ul li:hover {display:block;}
Jak nie zrozumiesz mojego przepisu, poszukaj w necie dropdown css menu.
Oczywiście jak będziesz chciał to mieć max dynamiczne - tak by submenu miało autoamtyczną szerokość w zależności od tego co ma w środku - to zapomnij o IE6. Jak jesteś uparciuch i nie chcesz zapomnieć o IE6, znajdź sposób jak taką szerokość ustawić (w samych CSS to szybciej napiszesz Nowy Testament). Wbrew pozorom zadanie jest bardzo proste, ale nie podam tutaj rozwiązania, bo nie chcę się przyczyniać do psucia tego fachu :]
Liczba postów: 53
Liczba wątków: 2
Dołączył: 14-09-2010
Reputacja:
1
źle masz pozagnieżdżane listy, zamiast
Kod PHP:
(...)
<li><a href="modelki_top10.php">Modelki</a></li>
<ul>
<li><a href=”#”>Grafika</a></li>
(...)
</ul>
<li><a href="agencja.php">Agencja</a></li>
zrób:
Kod PHP:
(...)
<li><a href="modelki_top10.php">Modelki</a>
<ul>
<li><a href=”#”>Grafika</a></li>
(...)
</ul>
</li>
<li><a href="agencja.php">Agencja</a></li>
od tego bym zaczął, powinno pomóc
jeśli nie, wrzuć na serwer i jakoś sobie poradzimy
90% kodu zajmuje 90% czasu,
pozostałe 10% zajmuje drugie tyle