GoldenLine
Zaloguj się

konto usunięte

Temat: Menu CSS

Witam,
robię menu w CSS: http://iconastudio.pl/test.html

Menu 3 ma submenu i rozwija się tak jak powinno.
Problem polega na tym, że menu znika "za wcześnie" czyli chowa się przed najechaniem na Menu1.

Próbowałem rozgryźć to w Firebugu ale nie wiem dlaczego tak się dzieje...

Sam kod hoverów:



.menu li ul {

	display:none;

}

.menu li:hover ul {

	display:block;

}

.menu li.deeper ul li.deeper ul {

	display:none;

}

.menu li.deeper ul li.deeper:hover ul {

	display:block;

}
Link do wypowiedziLink
Mateusz Sabat

Mateusz Sabat programista student

Temat: Menu CSS

Problem jest w tym, że jak przejeżdżasz kursorem do góry, to rozwija się menu dwa, zwiększając znacznie wysokość kontenera z pierwszym poziomem menu, wyjeżdżając poza li menu drugorzędowego, wysokość li pierwszorzędowego wraca do wysokości wyjściowej, tzn 3 elementy, a kursor jest wysoko ponad rozmiarem. W ten sposób tego nie rozwiążesz (chodzi o menu więcej niż dwu poziomowe).
Link do wypowiedziLink

konto usunięte

Temat: Menu CSS

Może nie na temat, ale ja zacząłbym od stworzenia porządnego kodu HTML ;)
Link do wypowiedziLink

konto usunięte

Temat: Menu CSS

Czyli bez pomocy javascript raczej nie da rady?

A kod na stronie docelowej jest generowany przez CMS. Tu zrobiłem stronę testowo - poglądową...
Link do wypowiedziLink
Mateusz Sabat

Mateusz Sabat programista student

Temat: Menu CSS

Więcej niż jednopoziomowego raczej nie, ale nic sobie za to nie dam uciąć. Chociaż może gdyby kolejne poziomy pojawiały się z boku juz tego rozwiniętego to wtedy wysokość by sie nie zmieniała kontenera i nie byłoby problemów.
Link do wypowiedziLink
Dominik Głowacki

Dominik Głowacki .

Temat: Menu CSS

Panie Zbyszku, proszę się zainteresować jQuery (jest to framework JavaScript). Na internecie jest pełno gotowych przykładów wykorzystania jQuery do budowy menu.
Link do wypowiedziLink
Wojciech J.

Wojciech J. mistrz wwwujitsu

Temat: Menu CSS

Zbyszek Langus:
Czyli bez pomocy javascript raczej nie da rady?

A kod na stronie docelowej jest generowany przez CMS. Tu zrobiłem stronę testowo - poglądową...

Nawet z pozycjonowaniem absolutnym nie osiągniesz takiego efektu w czystym css-ie. Jedyne rozwiązanie to wypchnięcie na samą górę elementu zawierającego trzeci poziom.
Inna sprawa to 3 poziom pojawiający się po lewej stronie byłby bardziej estetyczny.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

[css][html] Menu windowso-p...




Wyślij zaproszenie do
Anuluj