Discussion :

[Invité]

bonjour a tousse

sur mon site depuis que j'ai rajouter un trait pour séparer les articles
le premier article en haut a un espace vraiment grand

le code css pour faire le trait de séparation

Code css :

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

1
2
3
4
.border3 {
	height: 3px;
	clear: both;
	border-bottom: 2px dotted #9c5959;

et si vous regarder le code html il n'y a pas de <p> en trop

Code html :

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

1
2
3
4
<div class="border_gradient" style="width:750px;">
             <p><span class="center">06 / 06 / 2013</span>             
             <p>Nouvelles <a href="fancyapps-fancyBox-0ffc358/demo/Humour3.html">images disponible</a></p>
             <div class="border3"></div>

je sais vraiment pas pourquoi sa fait sa
avez vous une idée ?

[rodolphebrd]

Bonjour,

à priori cela provient, au premier abord, de votre <div class="border3"> auquel il faut enlever le clear:both;

[Invité]

je l'est enlever et sa marche
merci

[Candygirl]

Cet espace était présent car le clear agissait sur ton menu à droite, positionné en float.

Le problème pourrait à nouveau se poser si, dans ton contenu, un élément ou un autre est affublé d'un clear (par exemple un titre que tu veux remettre en-dessous d'une image en float à côté d'un paragraphe,...).

Afin d'éviter que les clear de ton contenu n'agissent en dehors de ton bloc de contenu, il faut que ce dernier établisse un nouveau contexte de formatage. Plusieurs propriétés permettent de le faire; à voir en fonction de chaque cas laquelle est la plus appropriée. Vu que ton conteneur a une largeur établie, un float semblerait tout indiqué.