Arrière-plan CSS
titoune
-
titoune -
titoune -
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
Je ne trouve pas de solutions
Merci de m'aider
A voir également:
- Arrière-plan CSS
- Arrière plan - Guide
- Youtube en arrière plan - Guide
- Arriere plan pc - Guide
- Arrière-plan messenger vidéo - Guide
- Supprimer arrière plan image - Guide
7 réponses
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 ^^
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 ^^
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
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
pourquoi tu ne travail pas sur la balise body directement ?
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 !
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 !
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
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
<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)
<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)