18041 sujets

Questions générales et questions de débutants

Pb de centrage site entier

Pages :
Bonjour,
Je suis novice et j'aimerai center le site dans sa globalité. J'arrive bien à center le fond mais pas le reste. Le contenu du site ne suit pas le fond.
Si quelqu'un peut m'éclairer, j'ai cherché mais je n'ai pas trouvé la solution miracle !
Voici le site http://www.actispray.com/, si quelqu'un peux jeter un coup d'oeil au code source...

Merci de votre aide,
Claire
Bonjour,

ce que tu as dans ton body, colle dans un div avec un id.

ensuite tu rajoutes dans ta css le code suivant :

#id_de_ta_div {
width: taille_que_tu_veux;
margin: auto;
}
Merci pour ta réponse super rapide mais je suis désolée c'est pas très clair pour moi.
Je dois mettre tout le body dans un DIV avec un ID. Peux-tu me dire où exactement, la ligne au dessus de body :

</script>
</head>
<body bgcolor="#CCCCCC" text="white" alink="#FF8500" style="background-color:rgb(51,51,51); background-image:url('fond.jpg'); background-repeat:no-repeat; margin-top:0; padding-top:0; background-position:auto;" ....

et juste après :


<p><img src="bouton rose.gif" width="223" height="30" border="0"></p>
</div></body>
</html>

et le rajout dans le css :

<style type="text/css">
<!--
#Layer1 { width:916px; height:1075px; left:0px; top:196px; z-index:3; }
a:link { color:white; text-decoration:none; }
a:visited { color:white; text-decoration:none; }
a:hover { font-family:Arial; color:rgb(255,133,0); text-decoration:none; }
a:active { text-decoration:none; }
a { font-family:Arial; text-decoration:none; }
body {
background-image: url(fond.jpg);
background-repeat: no-repeat;

}

Merci d'avance
ton site aura cette structure :

<body>
    <div id="block">
         // ici tout ce que tu as dans ton body à la base
    </div>
</body>


et ta css, peu importe ou tu l'as met, de préférence dans le même ordre que pour les blocs de ton site pour que ce soit lisible.


<style type="text/css">
<!--
#Layer1 { width:916px; height:1075px; left:0px; top:196px; z-index:3; }
a:link { color:white; text-decoration:none; }
a:visited { color:white; text-decoration:none; }
a:hover { font-family:Arial; color:rgb(255,133,0); text-decoration:none; }
a:active { text-decoration:none; }
a { font-family:Arial; text-decoration:none; }
body {
background-image: url(fond.jpg);
background-repeat: no-repeat;
}

#block {
width: 980px;
margin: auto;
}
Administrateur
Hello,

Tu peux également l'appliquer directement sur l'élément body. Inutile de créer un élément div juste pour ça.
:p heureusement que tu me le dis, j'aurai continué à le faire encore longtemps.

je pensais que l’élément Body ne devait pas être touché ...
Hello,
C'est à dire Raphaël, je fais quoi et où pour l'appliquer directement sur body ?
Merci
J'ai essayé la méthode de Silentauben, mais je dois être neuneu, ça ne fonctionne pas....
En fait ce n'est pas que ça ne marche pas, mais comme l'architecture interne n'est pas bonne, tes éléments sortent.

le BODY est bien centré avec le css que je t'ai donné mais tu vas devoir revoir toute ton architecture.

essaye de regrouper tes éléments dans des div par fonction par exemple.

<div id="menu"></div> pour le menu

<div id="contenu"></div> pour le contenu

<div id="head"></div> pour le haut

etc ...
Modifié par silentauben (21 Apr 2011 - 15:55)
ouais je me doutais que l'architecture n'était pas bonne.
Tu peux m'aiguiller un peu sur ce qu'il faut faire pour que ça se passe bien. En espérant que ça ne soit pas trop compliqué.
Encore merci à toi de prendre du temps pour m'aider.
Si tu veux je peux t'envoyer mon mail par mp.
Salut,

Sans déclarer un doctype en bonne et due forme au tout début de ton code HTML, comment espères-tu centrer ta page ? Smiley cligne 

<body link="white" bgcolor="#CCCCCC" alink="#FF8500" text="white" vlink="#FF8500" onload="namosw_init_slide_layers('boutonaccueil', 3);" auto;"="" background-position:="" ;="" "0";="" padding-top:="" 0";="" style="background: url(fond.jpg) center top no-repeat; position: absolute; width: 1024px; margin-left: -512px; left: 50%;">
Bonjour,
Oui Victor,je suis d'accord avec toi, mais je suis partie d'un site existant, je travaille avec Namo et un peu Dream mais directement en créa, je n'interviens pas dans le langage html, css....
Je suis novice dans le domaine. C'est pourquoi je demande de l'aide sur ce forum, à force de faire des recherches, je me suis bien rendu compte que l'architecture n'était pas bonne.
Merci pour ton commentaire.
Bonne journée
Claire
Bonjour,
Oui je viens de le tester, j'ai donc remplacer mon body bgcolor.... par ton code mais ça ne fonctionne pas...
Pages :
Sujet clos
Aller à