Witam, mam problem z wy pozycjonowaniem elementów znaczników ul li.
https://jsfiddle.net/s6hkkfa5/
Jak zrobić aby po najechaniu na Nav #2, Nav #3, Nav #4 elementy wyświetlały się rozpoczynając od wysokości Nav #1 w dół ?
<http://december.com/html/4/element/html.html> <http://december.com/html/4/element/head.html> <http://december.com/html/4/element/style.html type="text/css"> nav { width: 225px; margin: 0 auto; } ul { list-style: none; } ul > li { } ul > li > ul { display: none; } ul > li:hover > ul { display: block; float: right; position: relative; } ul > li > ul > li { } </http://december.com/html/4/element/style.html> </http://december.com/html/4/element/head.html> <http://december.com/html/4/element/body.html> <nav> <http://december.com/html/4/element/ul.html> <http://december.com/html/4/element/li.html>Nav #1 <http://december.com/html/4/element/ul.html> <http://december.com/html/4/element/li.html>SubNav #1.1</http://december.com/html/4/element/li.html> </http://december.com/html/4/element/ul.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>Nav #2 <http://december.com/html/4/element/ul.html> <http://december.com/html/4/element/li.html>SubNav #2.1</http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>SubNav #2.2</http://december.com/html/4/element/li.html> </http://december.com/html/4/element/ul.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>Nav #3 <http://december.com/html/4/element/ul.html> <http://december.com/html/4/element/li.html>SubNav #3.1</http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>SubNav #3.2</http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>SubNav #3.3</http://december.com/html/4/element/li.html> </http://december.com/html/4/element/ul.html> </http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>Nav #4 <http://december.com/html/4/element/ul.html> <http://december.com/html/4/element/li.html>SubNav #4.1</http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>SubNav #4.2</http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>SubNav #4.3</http://december.com/html/4/element/li.html> <http://december.com/html/4/element/li.html>SubNav #4.3</http://december.com/html/4/element/li.html> </http://december.com/html/4/element/ul.html> </http://december.com/html/4/element/li.html> </http://december.com/html/4/element/ul.html> </nav> </http://december.com/html/4/element/body.html>
https://jsfiddle.net/koodo218/s6hkkfa5/2/
A czy jest możliwość ustawić to tak aby nie trzeba było przypisywać stałych wartości "Right" i "Top", tak aby wraz z dodawaniem "<li>" powiększało się tło pod menu ?
https://jsfiddle.net/s6hkkfa5/5/
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)