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;
}