Salut tout le monde!!
J´ai un problème pour afficher mon texte au bon endroit. J´écris dans mon document html le texte sous le div contenu mais il s´affiche sous ma bannière. Voici mon index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kit by Kits Lander</title>
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
</head>
<body>
<div id="ext">
<div id="header">
<object
codebase="http://fpdownload.macromedia.com/pub/sho
ckwave/cabs/flash/swflash.cab#version=5,0,0,0" width="747" height="269">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="header.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<embed src="header.swf" quality="high" bgcolor="#FFFFFF" width="747" height="269" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflash
player" />
</object>
</div>
<div id="haut">
</div>
<div class="contenu">
<p>Salut à tous!! et Bienvenue</p>
<a href="#">Lien</a></p>
<div class="menu">
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" />
<img src="img/bouton.png" /> <!-- code a copier pour rajouter un bouton -->
<div class="liens">
<a href="#" class="liens-menu">Accueil</a><br />
<a href="#" class="liens-menu">Forum</a><br />
<a href="#" class="liens-menu">Livre D´or</a><br />
<a href="#" class="liens-menu">Tests</a><br />
<a href="#" class="liens-menu">Previews</a><br />
<a href="#" class="liens-menu">Dossiers</a><br />
<a href="#" class="liens-menu">Astuces</a><br />
<a href="#" class="liens-menu">Partenaires</a><br />
<a href="#" class="liens-menu">Contact</a><br />
<a href=protection.php class="liens-menu">Administration</a><br />
<a href="#" class="liens-menu">Lien</a><br />
<a href="#" class="liens-menu">Lien</a><br />
<a href="#" class="liens-menu">Lien</a><br />
<a href="#" class="liens-menu">Lien</a><br />
<a href="#" class="liens-menu">Lien</a><br />
<a href="#" class="liens-menu">Lien</a><br />
<a href="#" class="liens-menu">Lien</a><br /> <!-- code a copier pour rajouter un lien -->
</div>
</div>
</div>
<div id="bas">
</div>
</body>
</html>
et maintenant mon document CSS:
body
{
width: 775px;
margin: auto;
background-image: url(´img/back.png´);
}
a
{
color: #222222;
text-decoration: underline;
}
a:hover
{
color: #0055BB;
text-decoration: overline;
}
.liens-menu
{
color: #FFFFFF;
font-size: 25px;
text-decoration: none;
}
.liens-menu:hover
{
color: #0099FF;
font-size: 25px;
text-decoration: underline;
}
img
{
border: none;
}
- header
{
position: absolute;
left: auto;
top: 0px;
width: 747px;
height: 269px;
}
- haut
{
position: absolute;
left: auto;
top: 255px;
width: 747px;
height: 85px;
background-image: url(´img/haut.png´);
}
- ext
{
width: 747px;
position: absolute;
top: 20px;
background-image: url(´img/ext.png´);
}
.contenu
{
width: 747px;
min-height: 700px;
margin-top: 300px;
padding-top: 50px;
padding-left: 60px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}
.menu
{
position: absolute;
left: 0px;
top: 300px;
width: 199px;
line-height: 0px;
text-align: center;
}
.liens
{
position: absolute;
left: 35px;
top: 0px;
width: 164px;
line-height: 39px;
}
- bas
{
width: 747px;
height: 51px;
background-image: url(´img/bas.png´);
d´avance pour votre aide!! 
