Ciao a tutti,
sto impazzendo su questo css...spero possiate darmi una mano
questo lo stile (uguale per lo stato visited, con bg diverso per lo stato
hover)
a.menusx:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
text-decoration: none;
padding-top: 5px;
padding-left: 10px;
padding-right: 0px;
background-image: url(img/menu_sx/button_off.gif);
height: 27px;
width: 161px;
margin:0px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
clip: rect( );
position:relative;
display:block;
background-repeat: no-repeat;
} applicato a:
<table border="0" cellspacing="0" cellpadding="0" style="background-image:
url(img/menu_sx/background.gif); background-repeat:no-repeat;">
<tr>
<td><a href="#" class="menusx">La storia </a></td>
</tr>
</table> In poche parole è una cella con dentro una scritta (la storia) che ha un
background-image in trasparenza. Al passaggio del mouse cambia l'immagine
di background. Questo funziona perfettamente sia in Mozilla che in IE.
Il problema è il padding assegnato, che mi permette di regolare il
posizionamento della scritta. In IE tutto ok. Mozilla aggiunge 10 px di
padding anche a destra, spostandomi tutto ciò che c'è dopo la cella di 10
px...come risolvere?
PS: un'immagine della visualizzazione errata
la trovate qui
