28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

Jai une suite de div générées par une boucle et
via <ul> et <li> et le style suivant :
.liste-items .hentry {
    background: url("./images/bd-sidebar-menu-item-vert.png") repeat-y scroll left bottom transparent;
    margin: 10px 12px 2px 0;
	padding: 0 0 0 6px;
    overflow: hidden;
	float: left;
	display: inline-block;
	width: 205px;	
}


Donc, mes 4 premières div s'alignent bien dans la largeur de ma div container,
mais lors du retour ligne, la 5ème "bute" sur la plus haute et se cale sur sa droite, la hauteur n'étant pas contrainte si ce n'est par le nbre de caractères affichés.

J'ai fait le test avec les 4 premières toutes de la même hauteur,
dans ce cas la 5ème se cale parfaitement, tout à gauche.

Prise d'écran ci-jointe.

Merci à vous.
Bonjour,

Je me permet de joindre une nouvelle image
pour rendre peut-être plus clair mon propos.
Ci dessous la home de owni.fr où les blocs se positionnent bien de guche à droite
et de bas en haut quelque soit la hauteur de la
Bonjour,

Je me permet de joindre une nouvelle image
pour rendre peut-être plus clair mon propos.
Ci dessous la home de owni.fr où les blocs se positionnent bien de guche à droite
et de bas en haut quelque soit la hauteur de la
Bonjour,

Je me permet de joindre une nouvelle image
pour rendre peut-être plus clair mon propos.
Ci dessous la home de owni.fr où les blocs se positionnent bien de gauche à droite
et de bas en haut quelque soit la hauteur du bloc.

Home owni :
upload/4673-homeOWNI.jpg

Merci pour votre aide.