Css repeter image
Résolu
henri.k93
Messages postés
35
Date d'inscription
Statut
Membre
Dernière intervention
-
henri.k93 Messages postés 35 Date d'inscription Statut Membre Dernière intervention -
henri.k93 Messages postés 35 Date d'inscription Statut Membre Dernière intervention -
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
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- 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