Bonjours,
J’ai également un problème avec mon code css (il est nikel sous IE mais il y à des décalages sous ff)
je suis novice alors ne soyer pas trop méchant :p
voici mon code css:
body {
background:url("images/blanc.jpeg")
}
#layer1 {
width:87px;
height:39px;
position:absolute;
left:775px;
top:255px;
z-index:1;
}
#layer2 {
width:100px;
height:50px;
position:absolute;
left:580px;
top:60px;
z-index:1;
}
#bouton1 {
width:87px;
height:39px;
position:absolute;
left:305px;
top:160px;
z-index:1;
}
#bouton2 {
width:87px;
height:39px;
position:absolute;
left:495px;
top:160px;
z-index:1;
}
#bouton3 {
width:87px;
height:39px;
position:absolute;
left:680px;
top:160px;
z-index:1;
}
#bouton4 {
width:87px;
height:39px;
position:absolute;
left:870px;
top:160px;
z-index:1;
}
#header {
height:0px;
width:770px;
background-color:#6480B8;
background-image: url("images/header.jpeg");
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:120px;
margin-left:235px;
margin-top:0px;
}
#menu {
background-color:#6480B8;
background-image: url("images/menu.jpeg");
background-repeat:no-repeat;
background-position:center top;
width:800px;
padding-bottom:50px;
margin-left:220px;
margin-top:2px;
}
#corp {
background-color:#6480B8;
background-image: url("images/corp.jpeg");
background-repeat:no-repeat;
background-position:center top;
width:900px;
padding-bottom:441px;
margin-left:170px;
margin-top:0px;
}
#footer {
background-color:#6480B8;
background-image: url("images/footer.jpeg");
background-repeat:no-repeat;
background-position:center top;
width:800px;
padding-bottom:31px;
margin-left:220px;
margin-top:3px;
}
puis ma page html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="
http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> Acceuil...! </title>
<meta name="Description" content="m'artin cup's">
<meta name="Keywords" content="coiffeur coiffure à domicile 76 m'artin cup's martin cup's">
<meta name="Author" content="Sparky">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="script.css">
<style> <!-- a{text-decoration:none}//--> </style>
</head>
<body>
<div id="layer1" align="center">
<p>contenu</p>
</div>
<div id="layer2" align="center">
<p>M'artin cup's</p>
</div>
<div id="bouton1" align="center">
<p><a class="lien_menu_1" href="
http://google.fr" alt="lien" title="lien"><font color="#CCCCCC" face="thorn" size="5"> Acceuil</font></a></p>
</div>
<div id="bouton2" align="center">
<p><a class="lien_menu_2" href="
http://google.fr" alt="lien" title="lien"><font color="#CCCCCC" face="thorn" size="5">Prestations</font></a></p>
</div>
<div id="bouton3" align="center">
<p><a class="lien_menu_3" href="
http://google.fr" alt="lien" title="lien"><font color="#CCCCCC" face="thorn" size="5">?????</font></a></p>
</div>
<div id="bouton4" align="center">
<p><a class="lien_menu_4" href="
http://google.fr" alt="lien" title="lien"><font color="#CCCCCC" face="thorn" size="5">Contacts</font></a></p>
</div>
<div id="header" align="center">
</div>
<div id="menu" align="center">
</div>
<div id="corp" align="center">
</div>
<div id="footer" align="center">
</div>
</body>
</html>
Et si vous voulez visualiser ce que cela donne en ligne voici le lien ou est héberger le site>>
http://teamfrackass.free.fr/cup2/
