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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<!-- Sortir les styles de là et les placer dans une feuille de styles externe -->
<style type="text/css">
html, body {
margin: 0;
padding: 0;
text-align: center;
background: #000 url(bg.png) repeat left top;
color : #888;
}
#conteneur {
position: absolute;
top : 50%;
left : 50%;
margin-top: -220px;
margin-left: -300px;
width: 600px;
height: 440px;
background-color: #fff;
font-family: 'Trebuchet MS', Verdana, sans-serif;
overflow : hidden;
}
#menu {
margin : 0;
padding : 0;
list-style : none;
}
#menu li {
float : left;
width : 50%;
height : 40px;
line-height : 40px;
background-color: #404040;
}
#menu li a {
display : block;
width : 100%;
height : 40px;
font-weight : bold;
color : #f00;
text-decoration : none;
}
#menu li a:hover {
color : #f6dc12;
background-color : #2c75ff;
}
img {
display : block;
width : 600px;
height : 400px;
}
</style>
</head>
<body>
<div id="conteneur">
<img src="imgage_accueil.png" alt="image d'accueil" title="Bienvenue" />
<ul id="menu">
<li><a href="#">Site</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
</body>
</html> |