Positionner des images sur une page

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:

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:

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>

Positionner une image

Bonjour,

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

Code:

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

ou class="images_right"

et en CSS:
Code:

1 2 3 .images_left{ float:left }
ou
Code:

1 2 3 .images_right{ float:right }

Ok merci miss_socrates