Aiuto margini immagini link

mikmikmik

Aiuto margini immagini link

Ciao a tutti
Ho un problema con il margine di un link:

la gif foto.gif ha le stesse dimensioni della cella in cui è contenuta ma nel momento in cui la trasformo in un collegamento:

la cella si allunga e l'immagine si posiziona sulla parte superiore lasciando sotto un piccolo spazio vuoto.

Ho provato in mille modi anche con i css azzerando i bordi, il padding e i margini sia dell'immagine che del link. AIUTO!!!!!!!!!!

claudioweb

Ciao, benvenuto nel forum e buon anno

Puoi postare un esempio di codice completo che presenta il problema?
Con quale browser hai il problema?

Perchè se azzeri correttamente bordi, padding e margini dovrebbe andare tutto bene

mikmikmik

Ciao Claudio buon anno

Grazie per la risposta ma credo di aver risolto. Ti posto comunque tutto il codice così magari mi dai un consiglio. è codice molto semplice, sono un dilettante.
La soluzione che per ora sembra che funzionare l'ho travata su questo articolo che parla proprio del mio problema. Ho aggiunto il seguente stile e tutto è tornato alla normalità:
td img
{
display:block;
}

Comunque ecco qui di seguito il codice prima della correzione, la riga in rosso è quella che mi dava il problema:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>

img {
border-width:0;
margin-bottom:0px;
margin-top:0px;
padding:0px;
spacing:0px;
}

a:LINK
{
margin-bottom:0px;
margin-top:0px;
border-width:0;
spacing:0px;
padding:0px;
text-decoration:none;
}
a:VISITED
{
margin-bottom:0px;
margin-top:0px;
border-width:0;
spacing:0px;
padding:0px;
text-decoration: none;
}

a:HOVER {
margin-bottom:0px;
margin-top:0px;
border-width:0;
spacing:0px;
padding:0px;
text-decoration : none;
}

a:ACTIVE
{
margin-bottom:0px;
margin-top:0px;
border-width:0;
spacing:0px;
padding:0px;
text-decoration: none;
}
</style>

</head>

<body>

<tr height=117>
    
    <td width=760 background="Foto/Header_def.gif">    </td>        <!--INSERIRE NUOVO PATH-->

</tr>


<tr height=72>

    <td bgcolor=#DBC2C3>
    <P align=center><font  size="3" face="Tahoma,Verdana,Arial">Med1 Brokerage presente le sue migliori offerte per il mese di Gennaio. <b>Non perdere l'occasione</b>.</br>Clicca sulle immagini e apri le schede delle barche.Per info sulla promozione scrivi a <b>[email protected]</b></font></P>
    </td>

</tr>


<tr height=18>

    <td bgcolor=#505764>    </td>


</tr>

<tr height=112>
    
    <td width=130 bgcolor=#FFFFFF> <a target="_blank" href="http://www.med1.net/"> <img  src="Foto/foto.gif"> </a>    </td>    
    <td width=250 bgcolor=#D9DADD background="Foto/Body_con_Testo.gif">    </td>
    <td width=250 bgcolor=#D9DADD><img align=center src="Foto/prezzo.gif">    </td>
    <td width=130 bgcolor=#FFFFFF> <!--QUI IL LOGO--> </td>

</tr>

<tr height=18>

    <td bgcolor=#505764>    </td>
    <td bgcolor=#505764>    </td>
    <td bgcolor=#505764>    </td>
    <td bgcolor=#505764>    </td>    
</tr>

</body>

</HTML>

Ciao e grazie

mikmikmik

Ecco l'articolo dove ho trovato la soluzione:

http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps