Discussion :

[jmjmjm]

Bonjour je souhaite positionner deux bloc a gauche de ma page, j'ai pour cela utilisé le mode de positionnement flottant.
J'affecte float:right a mon premier bloc : celui ci est placer niquel.
Et la, je n'arrive pas a placer le deuxieme, je ve le placer en dessous du premier et toujours a gauche en fesant float:right il se place à coté !! je ne trouve pas .

MERCI ET BONNE PROG !!!

[MasterOfChakhaL]

Bonjour je souhaite positionner deux bloc a gauche de ma page, j'ai pour cela utilisé le mode de positionnement flottant.
J'affecte float:right a mon premier bloc : celui ci est placer niquel.
Et la, je n'arrive pas a placer le deuxieme, je ve le placer en dessous du premier et toujours a gauche en fesant float:right il se place à coté !! je ne trouve pas .

MERCI ET BONNE PROG !!!

mmmh, y'a comme un truc bizarre là, non?

soit tu les veux à gauche tous les deux, auquel cas, tu les mets en float:left et tu rajoutes au premier clear:right (ainsi le premier empêchera le deuxième de se placer à côté)

soit tu les veux à droite tous les deux et tu reprends ma phrase précédente en remplacant left par right et vice versa...

[jmjmjm]

oui en effet je me suis trompé. Je veux placer les deux à droite !!
j'ai donc mis float:right au deux et clear:left au premier mais ca ne marche pas

[MasterOfChakhaL]

j'ai répondu un peu trop vite, désolé...
Ce coup ci, j'ai testé pour ne pas me planter deux fois de suite...

CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	div {
		width:30%;
		height:20%;
		float:right;
		border:thin solid red;
		margin: 1em;
	}
 
	#deux {
		clear: right;
	}

HTML:

Code :

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

1
2
3
 
<div id="un" >UN efnl ke</div>
<div id="deux" >DEUX efnl ke</div>

pour le css, il ya plusieurs possibilités, ca dépend de ce que tu as à coté...
sans rien d'autre, les deux div en float:right et clear:both, ca aurait marché

[jmjmjm]

Niquel je te remercie. en fait il faut placer le clear au niveau du deuxieme et non du premier j'avais mal compris mon livre MERCI pour ton aide en tout cas !!!

[jmjmjm]

non en fait, j'ai toujours un probleme donc voila mon cas :
j'ai 4 bloc en gros ca fait:

1-----3
1-----3

2-----4
2-----4


lorsque je place la valeur clear:left au n°2 ca plante 3 et 4 se retrouve placer vers le bas comme ca :

1
1

2------3
2------3
-------4
-------4

donc je ne comprend pas si vous avez une soution !!!

MERCI ET bonne prog !!!

[MasterOfChakhaL]

dans ce cas, il te faut du float left, clear left pour les élément de gauche et float right clear right pour les élément de droite et du float ce que tu veux clear both pour un élément qui doit être seul sur sa ligne