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

HTML a CSS HTML a CSS Víceúrovňové menu - problém s "odskakováním" American English version English version

Avatar
Petr Nymsa
Redaktor
Avatar
Petr Nymsa:

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:

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
Redaktor
Avatar
Odpovídá na done
Petr Nymsa:

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:

U položky seznamu - li

 
Nahoru Odpovědět 29.1.2014 19:00
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

Nastav na ul li ul positon absolute.

Editováno 29.1.2014 19:04
Nahoru Odpovědět 29.1.2014 19:02
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:

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
Redaktor
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:

nav > ul > li
{
position: relative;
}

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

Nahoru Odpovědět  +1 29.1.2014 19:18
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Honza Bittner
Petr Nymsa:

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

Nahoru Odpovědět  +1 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.