28173 sujets

CSS et mise en forme, CSS3

Bonjour à vous!
Je débute en CSS et qqch est vraiment étrange, en effet sous Firefox et IE j'ai un décalage de 1 px entre 2 div qui sont à la suite.
Ce problème est-il connu?
Merci à vous

Mon code:
<div id="contenu">
<img src="images/liens_contenu.gif" width="761"/> /* Ici juste après l'image, 1 px de décalage.. /*
<div id="cadre">
<p>Titre 1</p>
</div>
<img src="images/bandeau_bas1.gif" style="padding-top:10px;" /><img src="images/bandeau_bas2.gif" /><img src="images/bandeau_bas3.gif" />
</div>
Salut, c'est un petit bug bien connu et bien lourd je te l'accorde :

essaies en enlevant les esapces et retours à la ligne dans le code, avant et après l'image :


<div id="contenu"><img src="images/liens_contenu.gif" width="761"/><div id="cadre">
<p>Titre 1</p>
</div>
<img src="images/bandeau_bas1.gif" style="padding-top:10px;" /><img src="images/bandeau_bas2.gif" /><img src="images/bandeau_bas3.gif" />
</div>
ça marche bien avec la propriete css display:block appliqué à la balise img, mais après mon bandeau plus bas découpé en 3 images, passe a la ligne pour chaque image... Smiley ohwell
alors dans ce cas il faut faire une regle css avec la propriete display:block et ne l'appliquer qu'aux images concernées <img src="... "class="taregle" />
En affichage de type bloc, tes images se comporteront comme des paragraphes ou des div. Elles passeront donc à la ligne, à moins de les faire flotter (propriété float).

Sinon, tes écarts sont probablement dûs :
- à la hauteur de ligne. Tes images sont des éléments de type en-ligne. En gros, une image c'est une sorte de grosse lettre, et elle se place sur la ligne de base du texte... il y a donc un espace réservé en dessous. On peut mettre la hauteur de ligne à 1em (ou carrément à zéro) pour résoudre le problème, ou alors aller chercher du côté de l'alignement vertical
http://wiki.media-box.net/documentation/css/vertical-align

- à la fusion des marges. Je n'ai pas examiné ton problème en détail, mais pour certains éléments qui ont des marges par défaut (comme un paragraphe), les marges verticales peuvent fusionner entre elles, et même passer du contenu au conteneur...
http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

Mais occupe-toi d'abord du premier point, et regarde si un problème persiste.