Version complète: sur le forum Webmaster Hub : image en bordure
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
talme
J'aimerais agrémenter mon menu avec des images en bordures.
Je ne sais trop comment mis prendre unsure.gif
Les images de décorations devant être en background dans le fichier CSS
Peut-on mettre plusieurs images en background pour un element <ul>
et peut-on les positionner individuellement chacune.
Ou peut on affecter une image à une bordure d'un element (right, top, etc.)
Ou faut-il créer plusieurs <div> autout du <ul>
et là aussi j'aurais besoin d'aide, j'avais vu un tutorial décrivant comment
décorer le contour d'un texte (avec images et sans tableau),
mais je ne le retrouve plus sad.gif

Merci pour l'aide et les conseils.
Hadrien
Dans des versions futures de CSS il y aura ça. Ça permettra d'avoir facilement des blocs redimensionnables très jolis. À l'heure actuelle il faut se contenter de tricher, en ajoutant parfois quelques div superflus. Un exemple sur alistapart :

http://www.alistapart.com/articles/onionskin/
talme
Merci, c'est intéressant comme lien smile.gif
Monique
Bonjour talme,

Tu trouveras aussi quelques articles intéressants à ce sujet sur Openweb, notamment "Des puces en images" (l'utilisation de list-style-image ou background-image) et "Utilisation des images dans les CSS" (les images de fond, les bordures stylées, les icônes, les puces).
talme
Merci, Openweb est vraiment la référence francophone,
j'en apprends à chaque fois que je le parcours, dose par dose !

Sinon, je ne retrouve toujours pas ce fameux exemple en français
d'un texte encadré avec une bordure arrondie le tout en image pour la bordure
il y avait édito sur la partie supérieure gauche du cadre.

La personne avait fait ça en exemple pour prouver que l'on pouvait se passer
de tableau pour encadré esthétiquement un texte.

Mais recherche sont toujours veines, j'aurais du le bookmarquer.
Monique
Bonjour,

Voilà quelques exemples de bordures avec coins arrondis en CSS :
- Doug's easyCorners
- Creating Custom Corners & Borders
- Resizable box with freely stylable corners and surface
- Rounded corners in CSS
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.