NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Víceúrovňové menu - problém s "odskakováním"

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:29.1.2014 18:47

Zdravím zdejší machry na HTML / CSS. Potřeboval bych pomoc. Mám menu, které je více úrovňové, resp. dvě úrovně. Problém je, že při zobrazení druhé úrovně další obsah pod menu odskočí o výšku druhé úrovně. Viz. http://petrnymsa.cz/testroom/ - položka naše činnost. S CSS až tak veliký kamarád nejsem, takže prosím o pomoc :) Díky

Odpovědět
29.1.2014 18:47
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
done
Člen
Avatar
Odpovídá na Petr Nymsa
done:29.1.2014 18:58

Nekoukal jsem se do kódu, ale myslím, že to bude tím, že máš u toho elementu nastavené výchozí pozicování, tudíž position: static

 
Nahoru Odpovědět
29.1.2014 18:58
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na done
Petr Nymsa:29.1.2014 18:59

U kterého elementu ?

Nahoru Odpovědět
29.1.2014 18:59
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
done
Člen
Avatar
Odpovídá na Petr Nymsa
done:29.1.2014 19:00

U položky seznamu - li

 
Nahoru Odpovědět
29.1.2014 19:00
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:29.1.2014 19:02

Nastav na ul li ul positon absolute.

Editováno 29.1.2014 19:04
Nahoru Odpovědět
29.1.2014 19:02
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:29.1.2014 19:06

Jo díky a aby se ul roztáhl dle šířky nadřazeného li ?

Nahoru Odpovědět
29.1.2014 19:06
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:29.1.2014 19:18

nav > ul > li
{
position: relative;
}

nav > ul > li > ul
{
position: absolute;
width: 100%
}
:P

Nahoru Odpovědět
29.1.2014 19:18
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:29.1.2014 19:19

Jo díky, mě tohle občas prostě absolutně nedojde :@

Nahoru Odpovědět
29.1.2014 19:19
Pokrok nezastavíš, neusni a jdi s ním vpřed
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.