2013-02-07 2 views
0

J'ai un problème.Supprimer l'écart de img tag css

Toujours lorsque j'implique une balise img dans mon fichier HTML, j'ai un écart autour de la balise. Ce n'est pas une marge et pas de rembourrage. Je me demande ce que c'est?

Quelqu'un peut-il m'aider à supprimer le gab avec css?

<img src="../images/modules/Bildergalerie2.jpg" /> 

Merci


<img src="../images/modules/Bildergalerie2.jpg" /> 
+2

s'il vous plaît poster votre code ... – Gopikrishna

+0

pouvez-vous envoyer votre code ? – Heart

Répondre

0

L'écart est causé par le fait qu'un <img> est un élément en ligne qui les font suivez les mêmes règles que le texte. Pour résoudre ce problème, vous pouvez ajouter display: block; sur l'image ou jouer avec l'alignement vertical (Réglez-le en bas). Pour plus d'informations, lire cet excellent article sur Mozilla https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

+0

Voilà c'est merci – zoom23

0

Vous pouvez essayer ceci:

*{margin:0;padding:0;} 
img{border:none 0;} 
+0

Ce n'est pas la solution – zoom23

0
img {display: block;}//removes the gap 
0

balises IMG sont des éléments en ligne et sont dépendantes des méthodes d'espace blanc. L'espace autour de la balise IMG est en fait basé sur la famille de polices que vous avez sélectionné pour votre site, ce que vous pouvez faire est de sélectionner le elemnt est css

img 
{ 
    display: block; 
} 

Mais cela entraînera la pour briser la ligne et passer à un nouveau.

0
  • Assurez-vous que ce n'est pas une bordure de la même couleur que l'arrière-plan?
  • Assurez-vous, il ne hérite pas de marge rembourrage oder d'ailleurs
  • Assurez-vous que dans votre marge css (et rembourrage) pour imgs est explicitement défini à zéro (parce que la feuille de style deafault de certains navigateurs ont une marge pour img)
  • Assurez-vous, l'écart ne fait pas partie de l'image (pas probable, mais possible!)
  • code postal ici ...