Titre: 1 px entre une image et un border
Posté par: nanal le le 18-01-2010 a 13:54:36
Bonjour,
Je voudrais savoir comment enlever 1px d'espace entre mon image (contact.gif) et mon border (qui est dans une CSS) :
(c'est pareil sur Ie et sur Firefox)
voici le code HTML
<table width="231" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="include/images/contact.gif" />
</td>
</tr>
<tr>
<td valign="top" class="content_border">
Adresse
</td>
</tr>
</table>
Le CSS :
.content_border
{
border-right: 1px solid #FDA722;
border-left: 1px solid #FDA722;
border-bottom: 1px solid #FDA722;
}
Merci pour votre aide |
Titre: Re:1 px entre une image et un border
Posté par: KB le le 18-01-2010 a 14:24:44
Salut,
les instructions padding et margin te permettent de placer tes objets dans ta page. Pour savoir les utiliser: http://fr.html.net/tutorials/css/lesson10.asp
@+ |
Titre: Re:1 px entre une image et un border
Posté par: nanal le le 18-01-2010 a 14:50:26
Bonjour,
Cela ne concerne pas les padding ou margin (j'ai essayé en les mettant à zéro) mais il s'agit d'enlever un espace crée (qui ne devrait pas exister) entre mon image et mes border line. Les 2 ne se rejoignent pas et cela crée un espace |
Titre: Re:1 px entre une image et un border
Posté par: KB le le 18-01-2010 a 15:29:33
| <table style="border-collapse: collapse"> |
Titre: Re:1 px entre une image et un border
Posté par: nanal le le 18-01-2010 a 15:35:32
Bonjour,
J'ai essayé avec votre code, toujours pareil, l'espace demeure !
je ne peux pas essayé comme il me l'etait proposé les padding ou margin car c'est un tableau flexible qui selon le texte s'allonge |
Titre: Re:1 px entre une image et un border
Posté par: lefou le le 18-01-2010 a 16:21:56
En fait il me semble que le navigateur te rajoute un espace provenant du saut de ligne de ton code entre les balises img et td.
Essaie de remplacer :
Code:
<td>
<img src="include/images/contact.gif" />
</td> |
|
par
Code:
| <td><img src="include/images/contact.gif" /></td> |
|
ou alors demande à ton image de se comporter comme un élément block soit en css pour la balise img :
Code:
|
Titre: Re:1 px entre une image et un border
Posté par: KB le le 18-01-2010 a 16:36:41
| T'as une url qu'on voit ça, car pour moi, c'est pas clair !! lol |
Titre: Re:1 px entre une image et un border
Posté par: nanal le le 18-01-2010 a 16:43:55
| Merci a lefou, effectivement le navigateur le prenait pour un espace ! j'ai donc bien remis ma balise <img> entre les <td> et tout s'est corectement affiché ! |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|