ciao, stavo chiedendomi se è possibilie implementare un menu liquido nav con lista non ordinata flottata a sx e delle immagini di bg agli a.
in ogni caso qual è il miglior modo per rendere un menu liquido?
al momento il mio menu fa degli slittamenti orrendi al restringimento della finestra.
codice:<div id="menuDown"> <ul id="navDown"> [*][salta il menù navigazione] <li id="attivo">home [/list] </div> div#menuUp, div#menuDown { width: 85%; height: 40px; position: relative; left: 25px; text-align: left; } ul#navUp, ul#navDown { width: 95%; height: 40px; margin-left: 5%; position: absolute; list-style-type: none; text-align: center; } ul#navUp { padding-top: 41px; } ul#navUp li, ul#navDown li{ margin: 0 0.2em; float: left; } a.nascondi { position: absolute; top: -10000px; left: -10000px; } div#menuUp a, div#menuDown a { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; text-decoration: none; display: block; } ul#navDown a { padding: 0.1em 0 0.3em; } ul#navUp a { padding: 0.3em 0 0.1em; } a#home, a#home:link, a#home:visited, a#home:active { position: relative; top: 0; left: 0; width: 80px; background: url(images/menu/bgHome.png) top left no-repeat; } a#home:hover, a#home:focus, li#attivo a#home { padding: 0.8em 0 0.4em; background: url(images/menu/bgHomeHover.png) top left no-repeat; }


Rispondi quotando