Ciao a tutti,
Firefox non mi legge bene questo script css, soprattutto non legge il comando "width" che vi evidenzio in grassetto
di seguito vi rimetto tutto il codice html della pagina di prova che sto utilizzando. su IE tutto ok.
-----------------------
<html>
<head>
<style type="text/css">
<!--
#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
width: 60px;
padding: 10px 1.5em;
margin-left: 3px;
height: 100px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link { color: #448;}
#navlist li a:visited { color: #667;}
#navlist li a:hover {
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current {
background: white;
border-bottom: 1px solid white;
}
-->
</style>
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">pagina uno[/url]</li>
<li><a href="#">pagina due[/url]</li>
<li><a href="#">pagina tre[/url]</li>
<li><a href="#">pagina quattro[/url]</li>
<li><a href="#">pagina cinque[/url]</li>
</ul>
</div>
</body>
</html>
------------------------------
Mi riuscite a far capire come mai in firefox non mi ridimensiona i box?
Oppure in alternativa mi potete dire come mandare a capo la seconda parola. (pagina su una riga e uno su un'altra riga)
Spero di essermi sppiegato bene!
Grazie mille e tutti!
Firefox non mi legge bene questo script css, soprattutto non legge il comando "width" che vi evidenzio in grassetto
di seguito vi rimetto tutto il codice html della pagina di prova che sto utilizzando. su IE tutto ok.
-----------------------
<html>
<head>
<style type="text/css">
<!--
#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
width: 60px;
padding: 10px 1.5em;
margin-left: 3px;
height: 100px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link { color: #448;}
#navlist li a:visited { color: #667;}
#navlist li a:hover {
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current {
background: white;
border-bottom: 1px solid white;
}
-->
</style>
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">pagina uno[/url]</li>
<li><a href="#">pagina due[/url]</li>
<li><a href="#">pagina tre[/url]</li>
<li><a href="#">pagina quattro[/url]</li>
<li><a href="#">pagina cinque[/url]</li>
</ul>
</div>
</body>
</html>
------------------------------
Mi riuscite a far capire come mai in firefox non mi ridimensiona i box?
Oppure in alternativa mi potete dire come mandare a capo la seconda parola. (pagina su una riga e uno su un'altra riga)
Spero di essermi sppiegato bene!
Grazie mille e tutti!
