Bonjour!
Je suis un grand debutant avec Dreamweaver!
Je me lance dans un site!
Pour cela j'ai crée un calque de fond avec photo (parent) ainsi que des calque pour faire des boutons avec des images!
Le résultat:
http://s209746485.onlinehome.fr/benji76V2/index.html
Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#fond {
position:fixe;
width:900px;
height:600px;
z-index:1;
left: 0;
top: 0;
margin-right: auto;
margin-left: auto;
}
#home {
position:absolute;
width:100px;
height:100px;
z-index:1;
left: 420px;
top: 25px;
}
#photo {
position:absolute;
width:100px;
height:100px;
z-index:2;
left: 525px;
top: 27px;
}
#video {
position:absolute;
width:100px;
height:100px;
z-index:3;
left: 635px;
top: 25px;
}
#sponsor {
position:absolute;
width:100px;
height:100px;
z-index:4;
left: 740px;
top: 22px;
}
#contact {
position:absolute;
width:100px;
height:99px;
z-index:5;
left: 840px;
top: 22px;
}
#News {
position:absolute;
width:200px;
height:200px;
z-index:6;
left: 800px;
top: 485px;
}
-->
</style>
</head>
<body>
<div id="fond">
<div id="photo"><img src="HOME/photo.png" width="100" height="100" alt="http://www.benji76.com menu photo" /></div>
<div id="home"><a href="index.html"><img src="HOME/home.png" alt="http://www.benji76.com menu home" width="100" height="100" border="0" /></a></div>
<div id="sponsor"><img src="HOME/sponsor.png" width="100" height="100" /></div>
<div id="video"><img src="HOME/video.png" width="100" height="100" alt="http://www.benji76.com menu video" /></div>
<div id="News"><img src="HOME/news.png" width="200" height="200" alt="http://www.benji76.com news" /></div>
<div id="contact"><img src="HOME/lien et contack.png" width="100" height="100" alt="http://www.benji76.com munu contact" /></div>
<img src="HOME/fond.jpg" width="900" height="600" alt="http://www.benji76.com !!!!!BIENVENUE!!!!" /></div>
</body>
</html>
|
Voila, j'arrive donc a centrer le calque #fond mais les autre calque impossible!
Les autres calque ne reste pas a leur place, il se déplace en fonction de la taille de l ecran!
Comment faire pour que le tous reste de fixe et ce centre au milleu de la page ?
Merci
Message édité par spirit76 le 31-10-2008 à 12:04:35
