Autore Topic: Link su gif trasparente. Dov'è l'errore? (Letto 1909 volte)

fandangood · « **il:** 25 Febbraio 2006 12:55:43 »

Premesso che ho fatto diverse ricerche all'interno del forum e non ho trovato nulla passo subito all'esempio pratico. Questo è il codice .htm della pagina in questione:

Codice: [Seleziona]

<html> 
<head> 
<style type="text/css"> 
A:LINK {text-decoration: none; color: #000080; background: transparent;} 
A:VISITED {text-decoration: none; color: #000080; background: transparent;} 
A:HOVER {text-decoration: underline; color: #000080; background: #aad5ff;} 
</style> 
</head> 
<body> 
<table bgcolor="white" border="0" cellspacing="3" cellpadding="0" width="242"> 
<tr><td><b>Nome</b><br>Nome 1</td> 
<td><b>Nome 3</b><br><INPUT TYPE="text" NAME="prova" VALUE="1" style="text-align: right; width: 28px;"></td> 
<td align="center"><b>Pulsante</b><br> 
<a href="pagina.htm"><img src="immagine.gif" border="0" width="34" height="23" alt=""></a></td> 
</tr> 
</table> 
</body> 
</html>

Quando clicco l'immagine questa viene evidenziata solamente alla base (prende l'altezza credo da quella impostata nel font)

Con IE va ma con Firefox V. 1.0.6

Se non è contro le policy del Forum posso postare il link di esempio "vero"

Grazie per l'aiuto

iacchi · « **Risposta #1 il:** 25 Febbraio 2006 13:08:00 »

intanto sposto nella sezione adatta. Posta pure il link alla pagina

fandangood · « **Risposta #2 il:** 25 Febbraio 2006 15:44:56 »

Chiedo scusa per aver postato precedentemente nella sezione sbagliata
Il link è questo. Da notare l'immagine (Gif trasparente) relativa al carrello "Acquista" presente in corrispondenza di ciascuna foto. Quando si passa sopra con il mouse viene evidenziata in modo parziale. Mentre con IE è tutto Ok.

Grazie ancora per l'aiuto.

flod · « **Risposta #3 il:** 25 Febbraio 2006 17:50:24 »

Credo che per avere la stessa altezza dovresti usare un "display:block;"; il problema è che l'immagine è più stretta della cella

fandangood · « **Risposta #4 il:** 25 Febbraio 2006 18:46:17 »

Grazie per la risposta ma ho appena provato e non si risolve

Comunque il problema direi che è più generico nel senso che se provate ad effettuare un collegamento <a href...>[/url] non inserendo alcun testo ma solamente con un'immagine, quest'ultima avrà il background visualizzato solamente nella parte inferiore e non completamente come avviene con IE

Provare per credere. Esempio:

Codice: [Seleziona]

<html>
<head>
<style type="text/css">
A:LINK  {text-decoration: none; color: #000080; background: transparent;}
A:VISITED {text-decoration: none; color: #000080; background: transparent;}
A:HOVER {text-decoration: underline; color: #000080; background: red;}
</style>
</head>
<body>
<a href="#"><img src="img_prova.gif" border="0" width="100" height="50" alt=""></a>
</body>
</html>

flod · « **Risposta #5 il:** 25 Febbraio 2006 20:59:47 »

Esempio di quello che intendevo:

Codice: [Seleziona]

<html>
<head>
<style type="text/css">
A:LINK  {text-decoration: none; color: #000080; background: transparent; display: block;}
A:VISITED {text-decoration: none; color: #000080; background: transparent;}
A:HOVER {text-decoration: underline; color: #000080; background: red;}
</style>
</head>
<body>
<div style="width: 100px;"><a href="#"><img src="img_prova.gif" border="0" width="100" height="50" alt=""></a></div>
</body>
</html>

fandangood · « **Risposta #6 il:** 27 Febbraio 2006 20:43:19 »

Ottimo! Grazie 1000 x l'aiuto

Autore Topic: Link su gif trasparente. Dov'è l'errore? (Letto 1909 volte)

fandangood

Link su gif trasparente. Dov'è l'errore?

iacchi

Re: Link su gif trasparente. Dov'è l'errore?

fandangood

Re: Link su gif trasparente. Dov'è l'errore?

flod

Re: Link su gif trasparente. Dov'è l'errore?

fandangood

Re: Link su gif trasparente. Dov'è l'errore?

flod

Re: Link su gif trasparente. Dov'è l'errore?

fandangood

Re: Link su gif trasparente. Dov'è l'errore?