[CSS] come renderli crossbrowser ?
Allora, il problema è il seguente e riguarda questa pagina EDIT: la pagina è stata rimossa in quanto non serve più, il nuovo link lo trovate pochi post più in giù. .
Sto creando due "soluzioni grafiche" per poi inserirle nella pagina originale del mio sitarello; io son riuscito ad arrivare fino a lì ma ora ho bisogno di aiuto.
Ovviamente con IE funziona ma non con Firefox...
Ora chiedo: la prima tabella con il link testuale (tralasciate il fatto che è ancora "spartana": verrà abbellita più tardi) funziona bene sia con IE che con Firefox, ma non è creata con i CSS, quindi, come trasferire il codice che gestisce il rollover in CSS ?
Il codice è questo:
Codice:
<table width="600">
<tr>
<td width="150"> <b>CICCI NINJA </b> </td>
<td width="450" class="cicci" onMouseOver="this.style.background='#abcdef'" onMouseOut="this.style.background='#000000'"> <a href="/taita/parole/ciccininja/ciccininja.htm"> Una rivisitazione sulle ronde di Polizia... bla bla bla bla bla ... </a> </td>
</tr>
</table>
La seconda tabella invece con Firefox non si vede proprio ; lo "style" è così impostato :
Codice:
<style type="text/css">
A:link { color:#000000 }
A:visited { color:#000000 }
A:hover { color:#000000 }
A:active { color:000000 }
a.linkcicci
{ background-image: url(http://taitaonline.altervista.org/taita/parole/cicci1.gif);
width: 190px;
height: 210px; }
a.linkcicci:hover
{ background-image: url(http://taitaonline.altervista.org/taita/parole/cicci2.gif);
width: 190px;
height: 210px; }
td.cicci { background:#000000 }
</style>
mentre nel "Body" ho inserito questa tabella così compilata:
Codice:
<table>
<tr>
<td> <a href="/taita/parole/ciccininja/ciccininja.htm" class="linkcicci"> </a> </td>
</tr>
</table>
....Qualcuno può darmi una mano e dirmi dove ho sbagliato ?
Grassie ! :wink: