28172 sujets

CSS et mise en forme, CSS3

Bonjour a tous.

J'ai un problème depuis que j’ai mis a jour mon doctype. J’avais un vieux machin HTML 4.0 qui m’empêchais de faire fonctionner un code javascript. J’ai donc mis en place le doctype ‘XHTML 1.0 Strict’. J’ai du corriger pas mal de bugs seulement il en reste un coriace Smiley smile

Voilà mon code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
<div style="background-color:#ddd;"><img src="images/puce.gif"></div>
</body>
</html>


Et voilà le résultat sur IE et FF

http://img366.imageshack.us/img366/1225/exempleuz7.gif

J’aimerai que FF m’affiche la même chose que IE (comme lorsque j’avait l’ancien doctype)
c'est a dire sans les marges au dessus et en dessous de l'image.


Merci !!!
Modifié par idec (10 May 2008 - 21:45)
aprés des heures de recherche j'ai trouvé ...

a écrit :
Citation :
Hi,

By default, images are set to display inline, resulting in the space
underneath as a result of the baseline applied to inline elements.

To fix this, simply add display: block; to your img style.

Cheers,

Luke Redpath
Bonsoir,

La solution citée n'est pas forcément la meilleure surtout si l'on souhaite que l'image reste "inline".

Plutôt préférer la solution "vertical-align: bottom;".

Bonne continuation.
Romain