[resolu]Display:block > rajoute une marge de 2px

Bonjour,

Sur cette page vous pouvez voir une bannière au dessus d'un menu horizontal.
Mon probleme se trouve entre ces deux éléments.

La bannière possède une bordure inférieure (de 3px) et le menu (<ul>) en dessous lui est collé.
Mais pour le "coller" à la bannière j'ai été obligé d'appliquer un margin-top de négatif de 2px sinon il y avait 2 pixels d'espace entre les deux, et je ne vois vraiment pas pourquoi.

Un autre moyen de résoudre le problème de la marge en trop était de supprimer le display:block; de l'élément "#menu li a"...
Je suppose donc que c'est ce display:block; qui pose le problème et rajoute cette marge, mais : pourquoi ????

Ma solution est elle bonne ?

Merci

Damien
Modifié par Graph-Site (25 Jan 2007 - 12:17)

Bonjour,

Essaye ceci:

img {display:block}

ça marche merci (en rajoutant un clear:left; sur la bannière)

un explication stp ?

Graph-Site a écrit :
un explication stp ?

La FAQ du forum contient quelques informations à propos d'espaces indésirables sous les images...

Remarques en passant :

1. Le commentaire conditionnel pour IE6 devrait être placé dans le head, et non pas en dehors. À corriger.

2. Si je regarde l'en-tête, je vois : Titre = « Graph-Site.net - Votre galerie web, gratuitement, simplement. »
Si par contre je désactive les images, j'obtiens : Texte simple = « Graph-Site.net », Titre = « Votre galerie web, gratuitement, simplement. »

Une correction possible :

<h1><img src="design/images/graph-site.net.png" id="graph-site" alt="Graph-Site.net" /><br />
Votre galerie web, gratuitement, simplement.</h1>

a écrit :
La FAQ du forum contient quelques informations à propos d'espaces indésirables sous les images...

Oui c'est vrai, merci.

a écrit :
Le commentaire conditionnel pour IE6 devrait être placé dans le head, et non pas en dehors. À corriger.

Ah ? il me semblait avoir vu que c'est à placer juste après le head. Je vais voir ça.... merci beaucoup

Et encore merci pour le dernier tuyau , il ne m'était pas venu à l'idée de désactiver les images...
Mais bon étant donné la nature du site, je pense que ça concernera très très peu voir aucun visiteur.

Graph-Site a écrit :
Et encore merci pour le dernier tuyau , il ne m'était pas venu à l'idée de désactiver les images...
Mais bon étant donné la nature du site, je pense que ça concernera très très peu voir aucun visiteur.

Bah, on ne sait jamais... un problème avec l'image sur le serveur, l'image ne se charge pas... autant que le texte apparaisse comme étant un titre plutôt qu'un simple bout de texte.

De plus, les moteurs de recherche sont des visiteurs aveugles non négligeables (et même si ça n'est pas très important, le texte dans un h1 aura plus de poids que le même texte en dehors...).


De plus, je confirme que les commentaires doivent se placer... là où le code HTML à insérer devrait se placer. L'élément style ne peut se placer que comme enfant de head, donc c'est là qu'on placera le commentaire conditionnel.