[XHTML-CSS] coder un design

Partie Titre, Fond

Sujet résolu

Tryx_M.I.P.

22 mars 2006 à 20:48:10

Bonjour amis zeros !

J'ai un tout petit probleme de codage css:

je voudrais avoir ce resultat :

[image]fond[image]

un peu comme ça.
Image utilisateur

Mais je ne sais pas comment faire ...

Pouvez-vous me donnez le code, XHTML et CSS.

Merci.

PS: les vrais (faux) images :
Image utilisateur

yöm

22 mars 2006 à 23:03:40

utilise un flottant pour ta première image et met la secodne en arrière plan

Riko

23 mars 2006 à 6:36:44

Salut,

Essaie ce code :

#gauche {
background-image: url(ton image);/*image de fond*/
background-repeat: no-repeat;/*pas de répétition de l'image de fond*/
width: 85px;/*largueur définie par la largueur de l'image*/
height: 57px;/*hauteur définie par la hauteur de l'image */
float: left;/*pour mettre l'image à gauche*/
margin-right: -3px;/*evite l'espace entre les divs centre et droite ,(corrige le bug d'IE)*/

}
#droit {
background-image: url(ton image);/*image de fond*/
background-repeat: no-repeat;/*pas de répétition de l'image de fond*/
width: 76px;/*largueur définie par la largueur de l'image haut_droite_corps.png*/
height: 57px;/*hauteur définie par la hauteur de l'image haut_droite_corps.png*/
float: right;/*pour mettre l'image à droite*/
margin-left: -3px;/*evite l'espace entre les divs centre et gauche ,(corrige le bug d'IE)*/
}
#centre {
background-image: url(ton image);/*image de fond*/
background-repeat: repeat-x;/*répétition de l'image de fond*/
height: 57px;/*hauteur définie par la hauteur de l'image*/

}

Tryx_M.I.P.

23 mars 2006 à 12:09:41

Un grand merci à vous deux.