Mettre des images a la place des bodures

Avec une->oui mais avec plusieurs :-°

Sujet résolu

1 janvier 2006 à 18:59:56

Bonsoir, je voudrais savoir comment entourer mes menus avec 4 images(haut,bas,gauche,droite/ ma photo etant decoupée en 4),
Image utilisateur

Car je n'arrive qu'a faire cela, c'est a dire je n'arrive qu'a inserer une image
Image utilisateur

Tangui

1 janvier 2006 à 19:06:32

Slt,

soit tu attends que CSS3 soit implémenté (mais bon c'est pas gagné) soit tu passes par 4 divs.

Explication :

Et pour chaque div, tu mets un morceau du background :

div#backgroundTop{
background:url(hautDuPortable.png) top center no-repeat;
}

/* et ainsi de suite pour les 3 autres div */

Fieldset

1 janvier 2006 à 19:16:04

Economise tes div lol :

<div id="haut"></div>
<div id="contenu">
lzalzlzlz<br />
sdksdksdk.
</div>
<div id="bas"></div>

* { padding: 0px; margin: 0px; }

#haut
{
background: url('image_haut.png');
width: 133px;
height: 158px;
}

#contenu
{
background: url('image_centre') repeat-y;
width: 133px;
}

#bas
{
background: ur('image_bas.png');
width: 133px;
hight: 255px;
}

pspman80

1 janvier 2006 à 19:45:22

Avec ta technique "fieldset" je ne vois pas comment et surtout ou placer mes div"element_gauche" et div"element_droite" pour que des photos se mettent aussi a droite et a gauche du menu

Fieldset

1 janvier 2006 à 21:34:22

l'image centrale étant similaire à droite et à gauche tu n'en fait qu'une seule avec un fond blanc

J'ai deja répondu à un sujet similaire il n'y a pas si longtemps :
http://www.siteduzero.com/forum-83-4564-49912.html#r49912