[Dreamweaver] Centrage de calques [résolu]
Centrage de calques [résolu] [Dreamweaver] - HTML/CSS - Programmation
Marsh Posté le 30-10-2008 à 20:17:23
heu non 
Voici ce que moi je vois:
http://img507.imageshack.us/my.php [...] iv2jp8.jpg
Voici ce qu'un pote vois:
http://img507.imageshack.us/my.php?image=craner6.jpg
L'image de fond (calque 1) est centré!
Cependant les autres calques(qui me servent de bouton) (apareil photo; video; lettre; télé etc) se décale suivant la taille de l'écran!
Si je met position: fixe sur les autres calque il m'est impossible de les superposer avec le calque n°1
Marsh Posté le 30-10-2008 à 20:51:11
C'est quoi que tu veux centrer ?
(Je suis dans TON cas à l'aperçu sur le site)
Marsh Posté le 30-10-2008 à 21:31:37
Désolé je m'exprime mal!
En fait c'est pas vraiment centrer, Mais je voudrais que les calques qui sont a l'interieur du calque 1 (#fond) reste a leur place dans ce calque!
Qu il soit toujours a la meme place sur l'image du calque 1 (#fond)
Quel que soit la taille de l ecran
Marsh Posté le 31-10-2008 à 12:06:07
Bon résolu tous seul comme un grand, il suffisait de définir la position du calque 1(#fond) sur relatif!
Sujets relatifs:
- [Résolu] Menu et sous menu-dynamique
- [résolu] Composant loader
- [resolu]Verification 'variable || contenu champ table mysql'
- [Résolu]Débordement d'image dans pdf générer par FOP
- [résolu] Problème d'accent avec FOP
- [Resolu] Pbm de "récupération de paramètres" avec Ajax.Request
- [résolu] petit script en python
- [Résolu] - [Batch Dos] Probleme carateres dans resultat txt
- Afficher le résultat d'un formulaire dans une iframe [résolu 2FOIS]
Marsh Posté le 30-10-2008 à 13:44:21
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
<!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