ciao a tutti ho un problema con il menù orizzontale d cui vi posto il codice qua sotto.
in pratica vorrei che ridimensionando i caratteri il menù si adattasse alla grandezza del testo mentre così com'è trasborda dal suo contenitore.
mi è venuto spontaneo provare ad usare le % per l'altezza del menù ma in questo modo il menù sparisce proprio e rimane solo il testo..come posso fare?
#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
margin-top: 0px;
height: 1.8em;
background: #54426C;
background-image: url(foto/sfondo-menu-alto.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: bottom;
}
#nav ul {
margin: 0px;
padding: 0;
list-style-type: none;
text-align: center;
clear: left;
}
#nav ul li {
display: block;
float: left;
text-align: center;
padding: 0;
}
#nav ul li a, #nav ul li a:active, #nav ul li a:visited {
float: left;
height: 2.1em;
padding: 0 12px 0 7px;
color: #FFFFFF;
text-decoration: none;
display: block;
text-align: center;
line-height: 1.8em;
font-size: 86%;
font-weight: bold;
}
#nav ul li a:hover {
float: left;
height: 2.1em;
padding: 0 12px 0 7px;
color: #3B6849;
text-decoration: underline;
background: #fff ;
display: block;
text-align: center;
line-height: 1.8em;
font-size: 86%;
font-weight: bold;
}
Rispondi quotando
