Background image autour d'une div

Bonjour,

Je dois réaliser un design du style:

http://img687.imageshack.us/img687/3500/sanstitre1tax.png

Comment placer "ces fleurs" autour de ma div??? je vois pas trop comment?

Une piste? Merci d'avance
Modifié par Blogger (29 Mar 2011 - 10:58)

Salut,

Bon, je ne suis pas un expert en css..c'est donc à tester
L'idée est de placer 3 div superposés.
Le premier div contient ta première image en flottant (float:right;).
Le second div représente ton rectangle gris.
Le troisième div contient ta second image en flottant (float:left;).
Ensuite, tu as juste à jouer sur la longueur du 1er et dernier div pour positionner tes images.
Le css :

#cadre{
border : 1px solid black;
width : 600px;
height : 300px;
margin: 0 auto;
}
#cadrehaut{
/*border : 1px solid red;*/
width : 800px;
height : auto;
margin: 0 auto;
overflow : auto;
}
#cadrebas{
/*border : 1px solid green;*/
width : 800px;
height : auto;
margin: 0 auto;
overflow : auto;
}
#image1{
background : url('ton-image1.png') no-repeat;
/*dimension de l'image*/
float : right;
}
#image2{
background : url('ton-image2.png') no-repeat;
/*dimension de l'image*/
float : left;
}

Le html :

<div id="cadrehaut">
<div id="image1"></div>
</div>
<div id="cadre">+++++++++</div>
<div id="cadrebas">
<div id="image2"></div>
</div>

Modifié par tryan (29 Mar 2011 - 15:25)

Merci pour la réponse,je vais voir ce que je peux faire, pas facile...je dois superposé les div et joué avec les z-index, parce des image doivent passer sur des div et pas sur d'autres....

Bref je vais tester.

Salut,

Dans ton exemple tu n'indiques pas que certains éléments sont censés passer sur des div..tu dis juste que tu veux placer 2 images autour de ton cadre gris et c'est ce que fait théoriquement mon code!
Sans plus d'élément de ta part (code, images,etc..), on fait avec ce que l'on a .
Modifié par tryan (30 Mar 2011 - 11:17)

C'est juste, j'y vais petit bout par petit bout, pour l'instant j'essaye de me débrouiller avec ton bout de code.

Merci

Si tu as un bout de code css + html + images, poste les éventuellement !

Salut,

1) La zone grise est-elle réellement d'une couleur autre que celle qui l'entoure ? Si la réponse est non, ça se fait avec un seul div, du padding, et une background image.
2) Explique précisément ton histoire de superposition, avec une image autant que possible.

Merci