Bonjour,

Voilà ma page de test :

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
<html>
<head>
<style type="text/css">
	a:link { color:#5A7CBA ; text-decoration:none ; }
	a:visited { color:#5A7CBA ; text-decoration:none ; }
	a:current { color:#999999 ; text-decoration:none ; }
	a:hover { color:#333333 ; text-decoration:none ; }
</style>
<link rel="stylesheet" type="text/css" href="script/test.css">
</head>
<body>
<div id=menu><div id=top>
<div id=lien>
	<a href="test.html">TEST1</a>
	<a href="test.html">TEST2</a>
	<a href="test.html">TEST3</a>
	<a href="test.html">TEST4</a>
	<a href="test.html">TEST5</a>
</div>
</div></div>
</html>
</body>
Et ma feuille de style :

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
#menu {
	position: absolute;
	width: 650px;
	height: 50px;
	left: 50%; 
	margin-left: -320px;
	text-align: center;
	background-image: url(../images/image-bot.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
 
#menu #top {
	width : 650px;
	background-image : url(../images/image-top.png);
	background-repeat: no-repeat;
	background-position: top;
	}
 
#menu #top #lien {
	width: 600px;
	font-family: Tahoma;
	font-size: 10pt;
	text-align: center;
	vertical-align: bottom;
	}
Mais mes liens restent en haut... Pas moyen de les aligner en bas...

Quelqu'un aurait-il un tuyau ?