Arrière-plan CSS

Fermé
titoune - 28 avril 2010 à 13:51
 titoune - 28 avril 2010 à 17:32
je suis en train de créer un site et j'ai utilisé les balises div pour faire la structure. J'ai ajouter du Css pour la mise en page et lorsque j'ajoute le contenu pas de problème, sauf pour ma balise principale (qui contient toute les autres balise ) l'arrière plan ne s'affiche pas. Je résous le problème en remettant le texte ""Placez ici le contenu de id "Principal" ""

Je ne trouve pas de solutions
Merci de m'aider

A voir également:

7 réponses

catstrike Messages postés 210 Date d'inscription mardi 15 juillet 2008 Statut Membre Dernière intervention 30 novembre 2012 7
28 avril 2010 à 13:55
Salut,

Si tu as un design.css auquel tu fait appel dans les meta de ta page fait comme ceci :

#nom_de_la_div {
background: url("adresse_image") no-repeat center;
}

exemple avec un site a moi :
div#body{
width: 1000px;
background: url("const/back.jpg") no-repeat center;
}
jspr t'avoir aider ^^
0
Salut,

voilà mon code en ce qui concerne l'arrière plan

#Principal {
position:relative;
margin: 0 auto;
width: 1000px;
text-align:left;
background-image: url(../images/maquette/arriere_plan.jpg);
}

Avec ce code mon arrière plan s'affiche par contre si je veux faire la moindre modif sur cette balise, il ne s'affiche plus
0
up
0
pourquoi tu ne travail pas sur la balise body directement ?

body { 
background-image: url(../images/maquette/arriere_plan.jpg); 
background-repeat:no-repeat;
width:100%;
} 


Ou peut etre qu'il n'y a rien d'ecrit dans ta div principale, mais avec le width sa devrait marcher !

Puis-je voir ton code avec la balise stp !?

Et puis ton width:1000px; je trouve sa bizare, essaye plutot en pourcentage !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Effectivement cette balise ne sert que de conteneur pour d'autre balise je n'ai donc rien d'écrit.

Et pour la balise body j'utilise une couleur de fond pour faire un contraste avec l'arrière plan

Body {
background-color:#666666;
height: 100%;
}

#Principal {
position:relative;
margin: 0 auto;
width: 1000px;
text-align:left;
background-image: url(../images/maquette/arriere_plan.jpg);
}

voila mon code pour les deux balises
0
tu peux mettre ton html ???

A quoi te sert le 'position:relative;' ???
0
<body>
<div id="Principal">
<div id="Banniere"> </div>
<div id="Page">
<div id="Gauche">
<div id="Menu"> </div>
<div id="News"></div>
</div>
<div id="Contenu" align="center"> </div>
</div>
Placez ici le contenu de id "Principal"
<div id="Contact" align="center"> </div>
</div>
</body>

j'ai enlevé le contenu pour que tu vois mieux la structure du site et pour la position relative je me suis basé sur un site que l'on ma donné pour faire le mien (c'est pour mon stage)
0