padding inattendu sur des blocs <p>

**Sha0r4n** · 17/11/2013, 14h02

Bonjour à tous !

J'ai un soucis avec deux blocs paragraphes, ils ont visiblement tout les deux un padding-bottom. Pourtant je n'en ai mis aucun que ce soit dans mon fichier html ou css...

(On voit bien l'espace entre l'image et le bord blanc)

Le HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
	<header>
		<p>BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA </p>
	</header>
 
	<section>	
		<p><img src="vegetation.jpg" alt="végétation" /></p>
		<p><img src="monorailCat.jpg" alt="Monorail cat" /></p>
	</section>
 
	<footer>
		<p>BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU </p>
	</footer>
</body>

Le CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
section p{
	display: inline-block;
	border : 1px solid white;
}
 
section{
	background-color: green;
	border : 2px solid red;
}

Si quelqu'un a une idée...

Merci d'avance

**rodolphebrd** · 17/11/2013, 15h14

Bonjour,

Avez-vous essayé un display:block; sur les images.

**Sha0r4n** · 17/11/2013, 18h24

Salut,

Je viens d'essayer mais il y a toujours un écart. De toute façon je dois rester sur inline-block, sinon je ne peux pas mettre mes blocs côte à côte.