Bonjours ,Je voudrais faire comme sa
Quelqu'un veut bien m'aider ?
- Spoiler:
Quelqu'un veut bien m'aider ?
Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.
Je savais pas par ou commencer >.<Lucky Numb£r a écrit:"Bonjour je voudrais faire comme ça" => Bah fais le Si t'es déjà tu n'avais ne serait que présenté ton code ça aurai été mieux.
#news_footer{
margin: auto; /*permet de centrer la division dans la globale, question d'assurance */
background-image: url(http://host.image.files.free.fr/host/4b2d04cf8a2b6top-sites-nk-bas-270x55.png); /*fond imagé de la division*/
background-repeat: no-repeat; /*Signifie que l'image ne se répètera pas dans ce cadre*/
background-position: top center;
width: 270px; /*largeur de ton cadre, le mieux est d'avoir la même largeur pour chaque div*/
height: 55px; /*doit correspondre à la hauteur de l'image placée en background*/
}
<div id="news">
<div id="news_top"></div>
<div id="news_body">Test pour les cadres
<BR> dsfjsdfjdsjfdsifjdspjifspdjfspjdpsjfidspjfosdfosdjfsdojfsp
<BR>sdifjhsdojfosdjifiosjdfoijsdifjsdojfsdojfiosjdfijdsfiojdsiofjdsojifisd
<BR>sofjhisjfoisjdfiojsdiofjsiojfiosjfsdjfiojsdfiojdsifsjdf
<BR>su_rqdhfoqsdnfosdjfpsdfksjfieoshruesof</div>
<div id="news_bottom"></div>
</div>
#news_top{
margin: auto; /*permet de centrer la division dans la globale, question d'assurance ;)*/
background-image: url(http://host.image.files.free.fr/host/4b2cdd1462d18annonce-haut-270x55.png); /*fond imagé de la division*/
background-repeat: no-repeat; /*Signifie que l'image ne se répètera pas dans ce cadre*/
background-position: bottom center;
width: 270px; /*largeur de ton cadre, le mieux est d'avoir la même largeur pour chaque div*/
height: 55px; /*doit correspondre à la hauteur de l'image placée en background*/
}
#news_body{
margin: auto; /*permet de centrer la division dans la globale, question d'assurance ;)*/
background-image: url(http://host.image.files.free.fr/host/4b2cdd1b47a44centre-270.png); /*fond imagé de la division*/
background-repeat: repeat-y; /*un repeat sur l'axe des y, verticalement quoi*/
background-position: bottom center;
width: 270px; /*largeur de ton cadre, le mieux est d'avoir la même largeur pour chaque div*/
height: 200px; /*doit correspondre à la hauteur de l'image placée en background*/
}
#news_footer{
margin: auto; /*permet de centrer la division dans la globale, question d'assurance ;)*/
background-image: url(http://host.image.files.free.fr/host/4b2d04cf8a2b6top-sites-nk-bas-270x55.png); /*fond imagé de la division*/
background-repeat: no-repeat; /*Signifie que l'image ne se répètera pas dans ce cadre*/
background-position: top center;
width: 270px; /*largeur de ton cadre, le mieux est d'avoir la même largeur pour chaque div*/
height: 55px; /*doit correspondre à la hauteur de l'image placée en background*/
}