Bonjour,

Je voudrais arriver à mettre des liens sur une image comme sur ce site :
http://rbox.free.fr/kit/vieuxkit/index.html mais j'ai beau essayer je n'y arrive pas! quelqu'un pourrait-il m'aider svp.
Voici l'adresse de ma page:
http://briannoel.ifrance.com/h2o/pages/site.htm comme vous pouvez lz voir, le lien acceuil est en dessous de l'image. comment faire pour le placer dessus :


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
 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="header1">
<img src="../images/h2o5_01.jpg" alt="h2o" id="bannière"/>
</div> 
 
<div id="header2"><img src="../images/h2o5_02.jpg" alt="rubriques"/img>
 
<div class="rubriques">::: <a href="">Accueil</a><br>
</div>
</div>
</div>
 
 
 
 
</body>
</html>


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
30
31
32
33
34
35
36
37
 
 
body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align:center;
	}
 
.header1 {
width:790px;
background-image: url("../images/h2o5_01.jpg");
border: 1px solid #000000;
 }	
 
.header2 {
background-image: url("../images/h2o5_02.jpg");
background-color:#CCCCCC;
width:790px;
height:25px;
}
 
 
.rubriques {
float: inherit;
margin-right:5px;
margin-top: 5px;
}
 
.rubriques a {
font-size: 18px;
font-weight: blod;
color: #CCCCCC;
text-decoration:none;
margin-left: 15px;
 
}
Merci a tout ceux qui pourron m'aider
Amicalement,
Brian