Discussion :

[zoom61]

Salut,

Je voudrais sur une page positionner des images à différentes emplacement sur ma page, je pensais passer par le CSS, mais je n'y arrive pas !!!

Voici mon code CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
div#bal_forum {
position:relative;
top:20%;
left:10%;
} 
 
div#bal_cuisine {
position:relative;
top:35%;
left:30%;
} 
 
div#bal_tutoriel{
position:relative;
top:15%;
left:50%;
} 
 
div#bal_video {
position:relative;
top:35%;
left:70%;
} 
 
div#bal_appli {
position:relative;
top:18%;
left:90%;
}

Et mon code de ma page est le suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
<div id_="bal_forum" style="float: left"><a href="forum"><img src="images/bal_forum.png" border="0"></a>
	<div id_="bal_cuisine" style="float: left"><a href="?id=2"><img src="images/bal_cuisine.png" border="0"></a>
		<div id_="bal_tutoriel" style="float: left"><a href="?id=1"><img src="images/bal_tutoriel.png" border="0"></a>
			<div id_="bal_video" style="float: left"><a href="?id=3"><img src="images/bal_video.png" border="0"></a>
				<div id_="bal_appli" style="float: left"><a href="?id=4"><img src="images/bal_appli.png" border="0"></a>
				</div>
			</div>
		</div>
	</div>
</div>

[miss_socrates]

Bonjour,

Il faut préciser le style CSS des images:
en HTML:

Code html :

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

<img class="images_left" src="..."/>

ou class="images_right"

et en CSS:

Code :

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

1
2
3
.images_left{
float:left
}

ou

Code :

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

1
2
3
.images_right{
float:right
}

[zoom61]

Ok merci miss_socrates