Div avec une image en background extensible
riton-69
-
Flo313Z Messages postés 127 Statut Membre -
Flo313Z Messages postés 127 Statut Membre -
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 :
mais back_bloc.png vient par dessus bloc_haut.png.
Comment y remédier ?
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 ?
A voir également:
- Div avec une image en background extensible
- Légender une image - Guide
- Image iso - Guide
- Transformer une image en icone - Guide
- Mettre une image en filigrane sur word - Guide
- Reduire taille image - Guide
1 réponse
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 :
voilà
"index-z" c'est pour superposé les objets
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
.haut_bas
{
position: fixed;
z-index:1;
}
et non
#haut_bas
{
position: fixed;
z-index:1;
}