rollover di immagini da javscript a css

[carnauser]

Originariamente inviato da pierofix
Eh, caro , se ti disinteressi di cose simili, questo è il prezzo da pagare.

ah aha ahaha h

Vabbè ho capito che qua chiedere un aiuto del put è come andare da un filosofo e chiedere che ore sono , prima di dirti la risposto ti terrà 6 ore a parlare della relatività del tempo..

[carnauser]

Originariamente inviato da pierofix
Puoi usare questa cosa, ma fa schifo!

<td rowspan="2" bgcolor="#99CCFF" align="center">
   <a href="azienda.htm"  class="azienda" >Azienda
</a>
   <a href="prodotti.htm" class="prodotti">Prodotti
</a>
</td>

Nel CSS, poi, fai come già illustrato.

Se funziona sei il mio filosofo preferito.
E per ringraziarti faccio un pupazzo di neve e lo dedico a te...non ho soldi per una statua in giardino D:

[carnauser]

Dunque...

Azienda

.azienda {
display:inline;
margin:140; padding:27;
list-style-type:none;
background: url(Gif/pulazienda1.gif) no-repeat 0 0;
}
.azienda:hover { background-image:url(Gif/pulazienda2.gif) }

Mi mette il testo... mi fa lo switch ma il testo :
è sopra l'immagine e no bene,
L'immagine è sfasata cioè è spostata...

[pierofix]

Originariamente inviato da carnauser
ah aha ahaha h

Vabbè ho capito che qua chiedere un aiuto del put è come andare da un filosofo e chiedere che ore sono , prima di dirti la risposto ti terrà 6 ore a parlare della relatività del tempo..

Facciamo che non rispondo, o meglio, mi astengo dal farlo finchè continuerai ad avere questo atteggiamento nei confonti della creazione di documenti web.

Hai provato tu stesso... Argh! Taccio, cheèmeglio! uffo_rompimaroni:

[pierofix]

Originariamente inviato da carnauser
Mi mette il testo... mi fa lo switch ma il testo :
è sopra l'immagine e no bene,
L'immagine è sfasata cioè è spostata...

Ti basta inserire questa coppia proprietà-valore:

text-indent:-1000em;

[carnauser]

Originariamente inviato da pierofix
Facciamo che non rispondo, o meglio, mi astengo dal farlo finchè continuerai ad avere questo atteggiamento nei confonti della creazione di documenti web.

Hai provato tu stesso... Argh! Taccio, cheèmeglio! uffo_rompimaroni:

ma guarda che sono pienamente d'accordo sul fatto che se dovessi fare un lavoro grafico ora mi sbatterei con i css...solo che devo mettere una toppa ora questo vorrei che tu capissi...e rifare tutto non voglia

[pierofix]

Originariamente inviato da carnauser
ma guarda che sono pienamente d'accordo sul fatto che se dovessi fare un lavoro grafico ora mi sbatterei con i css...solo che devo mettere una toppa ora questo vorrei che tu capissi...e rifare tutto non voglia

Sì, chiaro. Dai, non ti rompo oltre.

[pierofix]

Hai messo text-indent:-1000em? Dovrebbe funzionare correttamente.

[carnauser]

Originariamente inviato da pierofix
Hai messo text-indent:-1000em? Dovrebbe funzionare correttamente.

Con Ie non si vede....

.azienda {
display:inline;
margin:0; padding:0;
list-style-type:none;
text-indent:-1000em;
background: url(Gif/pulazienda1.gif) no-repeat 0 0;
}
.azienda:hover { background-image:url(Gif/pulazienda2.gif) }

Azienda

Con firefox da questo :









Sei un santo.

[pierofix]

Fermo, fermo: stai facendo un po' di confusione. Riassumo.

HTML
<td rowspan="2" bgcolor="#99CCFF" align="center">
   <a href="azienda.htm" class="azienda">
      Azienda
   </a>
   <a href="prodotti.htm" class="prodotti">
      Prodotti
   </a>
</td>

CSS
.azienda {
   text-decoration:none;
   display:block;
   width:147px; height:27px;
   text-indent:-1000em;
   background: url(Gif/pulazienda1.gif) no-repeat 0 0;
}
.azienda:hover { background-image:url(Gif/pulazienda2.gif) }