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
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
