Div avec une image en background extensible

riton-69 -  
Bonjour,

J'ai une div avec une image en background, jusque la pas de souci, cependant j'aimerai que cette image s'agrandisse lorsque son contenu devient plus long.
J'ai donc découpé en 3 parties l'image (bloc du haut, bloc qui se répete, et bloc du bas.)

Mais maintenant comment faire ?

j'ai testé avec une 2eme div comme ceci : 
#bloc_client_droit1{

background: url(images/bloc_haut.png) no-repeat;

}
#blocextensible{
background: url(images/back_bloc.png) repeat-y;


}


mais back_bloc.png vient par dessus bloc_haut.png.

Comment y remédier ?

1 réponse

  1. Flo313Z
    salut,

    je comprend pas bien la question mais je vais essayé d'y répondre :

    si tu veut que ton image ce redimentionner c'est comme ca : 
    <html>
<head>
<style type="text/css">

body
{
	background-image: url('image_centre.png');
	background-repeat: repeat-y;
	background-position: center;
}
#haut_bas
{
	position: fixed;
	z-index:1;
}
</style>
</head>
<body>
<center>
<div class="haut_bas">
<img src="image_haut.jpg" width="100" height="100" alt="haut" />
</br>
<img src="image_bas.jpg"  width="150" height="150"  alt="bas" />
</div>
</center>
</body>

    voilà
    "index-z" c'est pour superposé les objets
    1. Profil bloqué
      je me permets 1 petite correction
      .haut_bas
      {
      position: fixed;
      z-index:1;
      }
      et non
      #haut_bas
      {
      position: fixed;
      z-index:1;
      }
    2. Flo313Z
      c'est quoi la différence ?

Discussions similaires

Retrouver l'image originale d'une photo modifiée
Raven

10 réponses