CSS background-image: url

Fermé
florient - 26 avril 2011 à 21:26
 florient - 26 avril 2011 à 21:42
Bonjour,

je rencontre un problème assez dur..

En HTML j'ai un body avec une image de fonds se répétant. Ce body est centré au milieu de ma page. voici le code CSS de ce dernier:

#corps
{
width: 960px;
margin: auto;
margin-top:0px;
padding:5px;
background-image: url("bonbande.png");
background-repeat: repeat-y;
}

La chose étant que je souhaite mettre 2 images de fonds différentes en plus dans ma page, une à droite et une à gauche. (elles ne font pas partie de body) Ces images doivent se répéter (repeat-y) pour descendre toute la page de haute en bas indifféremment de mon en_tête, des mes onglets de mon corps et de mon pieds_de_page... etc.

Pour l'instant ces 2 images sont dans menu2 et menu 3 qui flottent respectivement à droite et à gauche de ma page : (code CSS menu2 ci dessous)

#menu2
{
position:relative;
float: left;
vertical-align: middle;
background-image: url("imagemenu.jpg");
background-repeat: repeat-y;
}

pour aider je met ci-dessous le code HTML d'un des pages du site:

</head>

<body style="background-color:#FFFFFF;margin-top:0px">

<?php include("menu2.php"); ?>

<?php include("menu3.php"); ?>

<?php include("entête.php"); ?>

<?php include("onglets_et_image.php"); ?>
<div id="chemin" align="center">

<a href="index.php"><em>Accueil</em></a>--> <em>Fiches</em>-->

<a><em>Semestre 1</em></a>

</div>
<?php include("haut_de_page.php"); ?>

<div id="corps">


</div>

<?php include("pied_de_page.php"); ?>

<?php include("droits.php"); ?>

</body>
</html>
Comment puis-je procédé?

merci beaucoup

Florient

A voir également:

1 réponse

Résolu...par moi!!!!

Merci moi :)

A plus

réponse : body
{
width: 970px;
width:auto;
margin-top: 20px;
margin-bottom: 20px;
margin: auto;
background:url(imagemenu.jpg) repeat-y left, url(imagemenu2.jpg) repeat-y right;
}
1