Div avec une image en background extensible

Fermé

riton-69 - 25 févr. 2013 à 17:07
Flo313Z Messages postés 121 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 10 juin 2024 - 26 févr. 2013 à 21:20

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 ?

A voir également:

Div avec une image en background extensible
Image iso - Guide
Comment agrandir une image - Guide
Acronis true image - Télécharger - Sauvegarde
Transformer une image en icone - Guide
Légender une image - Guide

1 réponse

Réponse 1 / 1

Flo313Z Messages postés 121 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 10 juin 2024 6
25 févr. 2013 à 18:24

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

Profil bloqué
25 févr. 2013 à 18:39

je me permets 1 petite correction
.haut_bas
{
position: fixed;
z-index:1;
}
et non
#haut_bas
{
position: fixed;
z-index:1;
}

Flo313Z Messages postés 121 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 10 juin 2024 6
26 févr. 2013 à 21:20

c'est quoi la différence ?

Discussions similaires

PIX

Dechiffrer une image caché

Retrouver moi l'original

image ?