Discussion :

[twisel]

bonjour,

j'ai un petit souci de positionnement de div dans un footer...

quand elles sont en float: right, aucun souci ça se positionne où je le souhaite, en bas à droite. en revanche, elles sont dans l'ordre inverse de ce que je voudrais (lecture de droite à gauche au lieu de gauche à droite)

si je les mets en float: left, l'ordre est bon, mais impossible de les placer correctement...

voici le lien vers un exemple: http://paul-le-quernec.fr/projets/pr...6&sortBy=annee

(il s'agit des rectangles gris en bas à droite)

voici le CSS:

Code :

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

1
2
3
4
5
6
7
8
9
.vignette_grise {
	background-color:#808080;
	width: 4%;
	height: 40%;
	float: right;
	margin-right: 5px;
	margin-top: 15px;
	cursor: pointer;
	}

merci d'avance pour votre aide!

[Invité]

Bonjour,
les images ne sont pas du tout optimisées (577,03 Ko !!).
Elles mettent 3 ans à s'afficher (chacune !)

Pour ton problème... quel problème ?
Toutes les cases sont grises !
Comment savoir quel résultat tu souhaites obtenir ? (dans quel ordre sont-elles censées s'afficher ?)

[rodolphebrd]

Bonjour,

pourquoi ne pas utiliser la propriété display:inline-block; pour .vignette_grise
Puis, dans le code HTML, placer la classe .infos après .vignette_grise pour plus de logique.

[rodolphebrd]

Comment savoir quel résultat tu souhaites obtenir ? (dans quel ordre sont-elles censées s'afficher ?)

quand elles sont en float: right, aucun souci ça se positionne où je le souhaite...
si je les mets en float: left, l'ordre est bon, mais impossible de les placer correctement...

[Candygirl]

Hello,

Une manière simple de contourner ton problème d'ordre d'affichage est d'attribuer un float right à un conteneur de tes vignettes puis un float left aux vignettes elles-mêmes.

[Invité]

@Rodolphe
Sais-tu dire si sur la page, les photos sont dans "le bon ordre" ou l'"ordre inverse" ?
Moi, pas.

[rodolphebrd]

En testant avec ta console et en jouant avec le flottement à droite puis à gauche tu y parviens.
Mais le cœur du problème n'est pas là.