21 Novembre 2017 à 09:18:58

Auteur Sujet: Besoin d'aide malgré le tutorial  (Lu 2129 fois)

saillmone

  • Nouveau membre
  • *
  • Messages: 2
  • Points gagnés: 0
    • Voir le profil
Besoin d'aide malgré le tutorial
« le: 14 Janvier 2007 à 11:12:00 »
Bonjour à tous,
Je voulais me débrouiller, mais étant donné que je viens de passer la nuit dessus sans y parvenir, je demande de l'aide avant de rentrer en longue dépression  :shock:
Je cherche à centrer mon site sous dreamweaver, et j'ai suivi pas à pas ce tutorial :
http://www.kachouri.com/tuto/tuto-140-dreamweaver-8--centrer-un-calque-en-css.html
Seulement voilà, il n'y a que l'image de fond qui se centre ! Et pas moyen de faire suivre les autres calques !
Voila le code css des calques :
<!--

body {
   background-color: #000000;
}
#fond {
   position:relative;
   width:1000px;
   height:700px;
   z-index:5;
   margin-right: auto;
   margin-left: auto;
   left: 0px;
   top: 0px;
   visibility: visible;
}
#logo {
   position:absolute;
   width:106px;
   height:95px;
   z-index:6;
   left: 61px;
   top: 121px;
   visibility: visible;
}
#titre1 {
   position:absolute;
   width:516px;
   height:171px;
   z-index:7;
   left: 276px;
   top: 2px;
   visibility: visible;
}
#titre2 {
   position:absolute;
   width:587px;
   height:192px;
   z-index:4;
   left: 247px;
   top: 605px;
   visibility: visible;
}
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;
}
#compteur {
   position:absolute;
   width:111px;
   height:50px;
   z-index:9;
   left: 48px;
   top: 36px;
   visibility: visible;
}
a:link {
   color: #336699;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #666666;
}
a:hover {
   text-decoration: underline;
   color: #663399;
}
a:active {
   text-decoration: none;
   color: #663399;

}
#actu1 {
   position:absolute;
   width:143px;
   height:20px;
   z-index:19;
   left: 68px;
   top: 225px;
   visibility: visible;
}
#fleches {
   position:absolute;
   width:77px;
   height:291px;
   z-index:18;
   left: 97px;
   top: 245px;
   visibility: visible;
}
#photos2 {
   position:absolute;
   width:60px;
   height:38px;
   z-index:8;
   left: 73px;
   top: 263px;
   visibility: visible;
}
#videos3 {
   position:absolute;
   width:72px;
   height:35px;
   z-index:10;
   left: 147px;
   top: 292px;
   visibility: visible;
}
#radio4 {
   position:absolute;
   width:102px;
   height:40px;
   z-index:12;
   left: 56px;
   top: 324px;
   visibility: visible;
}
#gazette8 {
   position:absolute;
   width:128px;
   height:42px;
   z-index:13;
   left: 18px;
   top: 438px;
   visibility: visible;
}
#chat6 {
   position:absolute;
   width:96px;
   height:49px;
   z-index:14;
   left: 34px;
   top: 372px;
   visibility: visible;
}
#upload10 {
   position:absolute;
   width:74px;
   height:20px;
   z-index:15;
   left: 79px;
   top: 497px;
   visibility: visible;
}
#ecrivez11 {
   position:absolute;
   width:138px;
   height:64px;
   z-index:16;
   left: 113px;
   top: 495px;
   visibility: visible;
}
#forum5 {
   position:absolute;
   width:72px;
   height:24px;
   z-index:17;
   left: 163px;
   top: 362px;
   visibility: visible;
}
#signature {
   position:absolute;
   width:150px;
   height:64px;
   z-index:11;
   left: 851px;
   top: 698px;
   visibility: visible;
}
a {
   font-weight: bold;
}

-->
Merci pour votre aide !

saillmone

  • Nouveau membre
  • *
  • Messages: 2
  • Points gagnés: 0
    • Voir le profil
Re : Besoin d'aide malgré le tutorial
« Réponse #1 le: 14 Janvier 2007 à 14:12:17 »
C'est bon j'ai trouvé !
Pff, le coup du calque global, c'est vachement bien, mais faut penser avant à le definir en calque "parent", et donc à imbriquer les autres calques dedans !
Pour ce faire, dans la fenêtre des calques (dans Dreamweaver), on fait glisser le calque à imbriquer en maintenant ctrl vers le calque global (parent).
On défini ensuite le calque global en position relative comme ça :

#global {       /*calque parent */
   position:relative;
   width:1000px;
   height:781px;
   z-index:0;
   margin-right: auto;
   margin-left: auto;
   visibility: visible;
   left: auto;
   top: auto;

et tous les autres calques en position absolue comme ça :
#calque {     /*calque imbriqué*/
   position:absolute;
   width:1000px;
   height:781px;
   z-index:02;
   left: 0px;
   top: 0px;
   visibility: visible;

Damien

  • Rédacteur Admin
  • Intarissable
  • *****
  • Messages: 2988
  • Points gagnés: 7
    • Voir le profil
    • aide informatique
Re : Besoin d'aide malgré le tutorial
« Réponse #2 le: 14 Janvier 2007 à 15:40:01 »
Bonjour,

J'allais le dire après avoir lu, si vous avez plusieurs calques à faire suivre il faut tout mettre dans un calque global. Mais maintenant c'est réglé à prioris, vous l'avez trouvé par vous-même  :D
Cordialement,
Damien

Tutoriels informatique

Thierry

  • Rédacteur Admin
  • Intarissable
  • *****
  • Messages: 1846
  • Points gagnés: 10
    • Voir le profil
Re : Besoin d'aide malgré le tutorial
« Réponse #3 le: 14 Janvier 2007 à 18:21:19 »
Oui Dreamweaver a parfois du mal à imbriquer comme on le voufrait les calques. Faut vérifier le code.