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>