Css repeter image
Résolu
henri.k93
Messages postés
37
Statut
Membre
-
henri.k93 Messages postés 37 Statut Membre -
henri.k93 Messages postés 37 Statut Membre -
Bonjour,
J'ai un problème sur mon site (il est extensif) et enfait je voudrai faire un menu avec un bord arrondi sur l'extrémité droite mais j'aimerai qu'il prenne toute la page.
Voilà les idées que j'ai eu :
- faire répéter l'image tout les 50px (mais je ne sais pas quel code utiliser)
- faire une image qui se répète sauf quand elle rencontre la dernière (l'arrondi) mais ca non plus je sais pas faire Uu.
J'espère que qqun aura une réponse à me proposer.
J'ai un problème sur mon site (il est extensif) et enfait je voudrai faire un menu avec un bord arrondi sur l'extrémité droite mais j'aimerai qu'il prenne toute la page.
Voilà les idées que j'ai eu :
- faire répéter l'image tout les 50px (mais je ne sais pas quel code utiliser)
- faire une image qui se répète sauf quand elle rencontre la dernière (l'arrondi) mais ca non plus je sais pas faire Uu.
J'espère que qqun aura une réponse à me proposer.
A voir également:
- Css repeter image
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image gratuite - Guide
2 réponses
en fait c'est très simple :
tu crées un div avec 100% de la largeur, tu mets une couleur de fond et tu mets l'image de l'arrondi en arrière plan.
code css:
#menu{
background:#369 url(menu_arrondi_droit.png) no-repeat top right;
height:50px;
width:100%;
}
code html :
<div id="menu">
menu, accueil, contact, ...
</div>
lien pour télécharger l'image utilisée :
http://img97.imageshack.us/img97/8785/menuarrondidroit.png
tu crées un div avec 100% de la largeur, tu mets une couleur de fond et tu mets l'image de l'arrondi en arrière plan.
code css:
#menu{
background:#369 url(menu_arrondi_droit.png) no-repeat top right;
height:50px;
width:100%;
}
code html :
<div id="menu">
menu, accueil, contact, ...
</div>
lien pour télécharger l'image utilisée :
http://img97.imageshack.us/img97/8785/menuarrondidroit.png