1 px entre une image et un border - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  1 px entre une image et un border

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: 1 px entre une image et un border (Lu 965 fois)

1 px entre une image et un border
« sur: le 18-01-2010 a 13:54:36 »

nanal
Membre récent

Hors-Ligne

Messages: 5

Je suis un lama!

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

Rapporter au modérateur

Re:1 px entre une image et un border
« Répondre #1 sur: le 18-01-2010 a 14:24:44 »

KB
Superactif

Hors-Ligne

Messages: 613

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

@+

Rapporter au modérateur

Re:1 px entre une image et un border
« Répondre #2 sur: le 18-01-2010 a 14:50:26 »

nanal
Membre récent

Hors-Ligne

Messages: 5

Je suis un lama!

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

Rapporter au modérateur

Re:1 px entre une image et un border
« Répondre #3 sur: le 18-01-2010 a 15:29:33 »

KB
Superactif

Hors-Ligne

Messages: 613

Rapporter au modérateur

Re:1 px entre une image et un border
« Répondre #4 sur: le 18-01-2010 a 15:35:32 »

nanal
Membre récent

Hors-Ligne

Messages: 5

Je suis un lama!

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

Rapporter au modérateur

Re:1 px entre une image et un border
« Répondre #5 sur: le 18-01-2010 a 16:21:56 »

lefou
P'tit nouveau

Hors-Ligne

Messages: 104

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:
display:block;

Rapporter au modérateur

Conception de sites web : http://www.crea-fr.com

Re:1 px entre une image et un border
« Répondre #6 sur: le 18-01-2010 a 16:36:41 »

KB
Superactif

Hors-Ligne

Messages: 613

T'as une url qu'on voit ça, car pour moi, c'est pas clair !! lol

Rapporter au modérateur

Re:1 px entre une image et un border
« Répondre #7 sur: le 18-01-2010 a 16:43:55 »

nanal
Membre récent

Hors-Ligne

Messages: 5

Je suis un lama!

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é !

Rapporter au modérateur