praticamente un disastro insomma
dunque, ho dovuto fare di corsa un semplicissimo menu orizzontale che dovrebbe avere il pulsante premuto (che sarà varibile in base alla pagina in cui sono) di colore diverso...
il css l'ho fatto così
codice:
#menu{
background-color:#03509A;
min-height:20px;
clear:both;
width:760px;
margin:0px;
padding:0px;
border:0px;
font-family:Verdana, sans-serif;
}
#menu .premuto{
background: url(../img/angolo_pulsante.gif) no-repeat right;
background-color:#FDCE16;
font-size:0.85em;
padding-top:2px;
padding-right:20px;
padding-bottom:4px;
padding-left:8px;
color:#03509A;
font-family:Verdana, sans-serif;
font-weight:bold;
text-decoration:none;
}
#menu a {
background: url(../img/barra_pulsante.gif) no-repeat right;
background-color:#03509A;
font-size:0.85em;
padding:2px 10px 4px 8px;
color:#FFF;
font-family:Verdana, sans-serif;
font-weight:bold;
text-decoration:none;
}
#menu a:hover{
color:#F7D562;
text-decoration:underline;
}
#menu ul{
background-color:#03509A;
}
#menu li{
height:22px;
min-height:22px;
list-style-type:none;
float:left;
margin:0px;
padding:0px 10px 0px 10px;
/* per Explorer 5 */
voice-family: "\"}\"";
voice-family:inherit;
padding:0px;
}
mentre l'html è sta roba qua
il risultato?
in allegato: in ordine IE6 (si vede bene) FF (praticamente non si vede nulla) e IE5.1 (tutti i pulsanti praticamente non prendono il padding)...
dove caspita sbaglio?