28173 sujets

CSS et mise en forme, CSS3

[résolu] Des images de fond

Et bien voilà. Je rencontre une difficulté qui me paraît basique. Je cherche à avoir une image pour le haut, la page et le pied de page. Super simple, n'est-ce pas ?

Et bien je n'y arrive pas.

J'ai bien réussi à placer l'image de fond pour le haut, mais sans succès pour l'image de fond de la page.

Voici mon code html (qui est tout petit encore)


<body>
<!-- La bannière -->
<div id="top">
</div>
<!-- le corps -->
<div id="corps">
<div id="page_gauche"></div>
<div id="page_droite"></div>
</div>
<div id="pied"></div>
<!-- le footer -->
<div id="post_pied"></div>
</body>


et le css :


body
{
background: #d5c5ac;
font-size: 0.7em;
margin:auto;
}

#top
{
width: 1286px;
height: 172px;
background: url(img/top.jpg) no-repeat center;
margin-bottom:5px;
}

#corps
{
width:1284px;
background: white url(img/fonddepage.png) repeat-y center;
}


L'image s'appelle bien "fonddepage.png" et il est bien dans le dossier img.

J'utilise Firefox et Konqueror, dans les deux cas seul apparaît la première image (celle du haut).

Quelqu'un a une idée du pourquoi je fais mal et pourrait me la souffler ? Merci d'avance.
Modifié par The Lili (22 Jan 2008 - 00:51)
Je continue mes explorations.

Maintenant le pied de page s'affiche et le corps toujours pas.

j'ai rajouté cela au css :



#pied
{
background:white url(img/footer.jpg) no-repeat center;
width:1286px;
height:41px;
}


pour le html se référer au premier message.
utilise "postion:absolute;
top: ""px; ------> haut
bottom""px; ----- bas
left:""px; ----> gauche
right:""px ---> droite

et tu a juste a le regle a ta confenance a mettre dans tes fichier css de chaque div que tu veut bouger.


bye
mitnick a écrit :

et tu a juste a le regle a ta confenance a mettre dans tes fichier css de chaque div que tu veut bouger.


<hs>@ mitnick Smiley cligne

Un petit effort sur l'orthographe ne serait pas de trop pour la compréhension de tes messages.

a écrit :
Et tu as juste à le regler à ta convenance et à le mettre dans tes fichiers css dans chaque div que tu veux bouger.

Sous réserve que l'esquisse de solution que tu proposes soit appropriée.
</hs>
merci mitnick de ta réponse. Je ne la comprend pas trop ceci dit... Je cherche à ce que le site soit centré dans la fenêtre du navigateur et que le pied de page arrive à la fin des articles.

J'ai l'impression que ta réponse offre un site statique dans tous les sens.

Je suis un tuto d'alsa, que je vais ensuite adapter et si je bloque je reviens.

Donc je met ce sujet résolu en attendant (même si ça l'est pas vraiment).
Sujet clos
Aller à