Ecco l'articolo dove ho trovato la soluzione:
http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps
M
mikmikmik
@mikmikmik
0
Reputazione
3
Post
0
Visite al profilo
0
Da chi è seguito
0
Chi segue
User Newbie
Post creati da mikmikmik
-
RE: Aiuto margini immagini linkpostato in Coding
-
RE: Aiuto margini immagini linkpostato in Coding
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><style type="text/css">
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>
<Table align=center width=760 height=207 cellpadding=0 cellspacing=0 border=0>
<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><Table width=760 height=130 border=0 cellpadding=0 cellspacing=0 align=center bgcolor=#D9DADD>
<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
-
Aiuto margini immagini linkpostato in Coding
Ciao a tutti
Ho un problema con il margine di un link:<td width=130 bgcolor=#FFFFFF> <img border="0" src="Foto/foto.gif"> </td>
la gif foto.gif ha le stesse dimensioni della cella in cui è contenuta ma nel momento in cui la trasformo in un collegamento:
<td width=130 bgcolor=#FFFFFF> <a target="_blank" href="http://www.sito.net/"> <img border src="Foto/foto.gif"> </a> </td>
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!!!!!!!!!!