image en bordure

[talme]

J'aimerais agrémenter mon menu avec des images en bordures.

Je ne sais trop comment mis prendre

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

Merci pour l'aide et les conseils.

Modifié 24 Juin 2004 par talme

[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

[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.

Modifié 26 Juin 2004 par talme

[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