+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [CSS]Wysuwane podmaenu (/thread-css-wysuwane-podmaenu)
[CSS]Wysuwane podmaenu - DerekDX - 25-11-2010
RE: [CSS]Wysuwane podmaenu - Kartofelek - 25-11-2010
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 :]
RE: [CSS]Wysuwane podmaenu - beny - 25-11-2010
ź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
