Une histoire de 2fonds , par xhtml et css

Fermé
totto - 16 août 2008 à 09:48
 totto - 18 août 2008 à 18:33
Bonjour,

J'ai deux choses a savoirs

J'aimerai savoir comment faire en sorte que deux fond se superposent , je m'explique, je mets un fond principal , en top repeat-x(un degradé)

il ne se repete que horizontalement et en haut

Ensuite, sur ce fond, j'aimerai mettre un autre, c'est une colonne blanche (en png , car il y a un effet de lueur externe) qui servira de fond au site en lui meme ( pour tout ce qui est menu,corps banniere)

je pensais le mettre en repeat-y ( pour qu'il soit adaptable a la taille du site)

Je n'y arrive pas, j'ai beau creer 2 <div> , chacun ayant un role definit (l'un un fond, et l'autre le deuxieme) , je n'arrive a afficher que le fond tout au fond(le degradé)

J'ai lu dans un livre la technique du z-index , ca n'a pas marché

Je pense que le probleme vient du faite que le fond dessous le site (la colonne) soit en png , ou de mon code css

le voila :

#fond
{

background:url(fondaufond.jpg) repeat-x;/* le fond tout au fond, le dégradé*/
height:350px;
position:relative;
top:-10px;
left:-10px;
z-index:2;
}

#fond2 /* la collone */
{
background:url(imagecolonne.png) repeat-y ;
width:912px;
margin:auto;

}



Puis, j'ai un deuxieme probleme

Je veux en faite pour resoudre le premier probleme qu'il y ait 3 fonds

Le premier est celui d'en haut, il est en repeat-x

Le deuxieme est celui du milieux , c'est la colonne il se repeat-x , pour s'agrandir en fonction de la taille du site

Le 3eme est en bas ( le footer) et ne se repeat pas et est au milieu de la page

voici mon site temporaire pour les images

https://www.118712.fr/sortir.html
(les images sur le lien n°2 sont fines , 1 px de largeur ou de hauteur , il y en a 2

le 1er lien a gauche donne les images pour ma deuxieme idée ( que je juge etre la meilleure en faite)

le 2eme lien donne les images pour ma 1ere idée


Effectivement, je prefererai le second cas (le 1er lien du site) , plus ethetique et pratique , mais j'aimerai savoir comment vous coderez pour le 1er cas aussi tout de même

Merci d'abord d'avoir lu tout ça , et merfci de me repondre

3 réponses

j'arrive pas trop a visualiser ta demande.

Est-ce que tu pourrais nous faire un petit schema en expliquant ce que tu veux ?
0
Voila !

La premiere demande

https://imageshack.com/

la deuxieme

http://img367.imageshack.us/img367/6779/expliquation2cq1.jpg
0
Personne pour m'aider ?
0