28220 sujets

CSS et mise en forme, CSS3

Salut

J'ai recodé le site d'un pote de "html 4.01 dreamweaver-made" à "xhtml css tout beau tout propre" Smiley biggrin

La migration s'est bien passée mais il reste un petit probléme que je ne m'explique pas.

Sur cette page : http://w3h.org/~ben/studio.htm

Sous l'image du header, il apparait une ligne de 3-4 pixels de haut alors qu'elle ne devrait pas être là. J'ai essayé de jouer sur les marges et padding de l'image et du div, mais rien n'y fait.

Ce défaut n'apparait pas sous IE.

Le petit bout de code :
  <div id="content">
	<div id="header_pic"><img src="images/top_01.jpg" width="780" height="97" alt="" /></div>
	<div id="hmenu">
	  <a href="../index.php">Home/Index</a>
	  <a href="../contact.php">Contact</a>
	  <a href="../liens.php">Liens</a>
[...]

La ligne apparait dans le div header_pic sous l'image.

Si quelqu'un a une idée, je suis preneur ! Smiley smile
Modifié par Ben (08 Mar 2005 - 00:13)
Hum... je viens de résoudre le probléme en lisant un post juste en dessous (désolé, j'aurai surement dû commencer par là Smiley confused ).

Donc en collant un display:block; à l'image, le probléme disparait. C'est bien, mais j'aimerai bien savoir pourquoi...
Un élément inline a des marges (??) non modifiables ? Qu'est ce qui génère ce probléme de marge ?
Administrateur
Ben a écrit :
Donc en collant un display:block; à l'image, le probléme disparait. C'est bien, mais j'aimerai bien savoir pourquoi...
Un élément inline a des marges (??) non modifiables ? Qu'est ce qui génère ce probléme de marge ?

Je crois que ce lien répond à tes questions métaphysiques Smiley smile :
http://incongru.webdynamit.net/EspaceSousLesImages

(n'oublie pas le [Résolu] lorsque tout sera OK Smiley cligne )