Drapeau en CSS et image de fond

salut,

Je cherche à afficher un drapeau en CSS avec comme base ceci: http://mathibus.com/examples/116a
mais je voudrais en plus afficher une image par dessus, et là, je n'y arrive pas.
j'ai bien essayé de l'intégrer dans l'attribut span de la feuille de style, mais du coup l'image est affiché tronquée dans chaque couleur.
c'est la seule fois ou j'ai réussi à afficher l'image, dans mes autres tentatives, soit l'image est caché par le drapeau, soit l'image et le drapeau sont affichés séparément.
je ne suis pas expert en CSS, j'apprend tout juste...
merci d'avance...

Olivier a écrit :
Salut,
question stupide (la mienne pas la tienne ) : pourquoi ne pas utiliser une image ??

pour que le drapeau s'affiche automatiquement sur toute la largeur quel que soit la résolution...

Tu peux le faire avec une image

<img src="..." alt="drapeau belge" width="100%" />

Mais ce n'est pas comme ça qu'il faut raisonner.
Ne pense pas à ce que tu veux au final, tout ce gère ou presque.
Pense à ce que tu fais, quel est le balisage adapté, quel statut a ton drapeau ? est-ce du contenu, de la mise en forme etc ??

Ensuite, en fonction de ça tu agis.
Mais le lien que tu présentais, c'est de la bidouille et ça ne devrait pas avoir sa place sur le web c'est plus une petite demo basique d'une possibilité des CSS

ok, je suis d'accord, je vais utiliser une image...
mais alors, nouvelle question:
j'aimerais appeler l'image depuis la feuille de style pour pouvoir afficher du texte dessus dans la page html.
commetn faire alors pour préciser dans la feuille de style que l'image doit être étirée sur toute la largeur?

c'est bon, j'ai trouvé ma réponse: http://forum.alsacreations.com/faq/#item48
RTFM, comme disait l'autre
merci tout de même
du coup, j'ai une autre question peut-être hors-sujet, quoique, je crois bien qu'il va falloir encore utiliser les CSS: comment afficher une image par dessus une autre image?

J'allais te proposer la méthode expliqué sur le lien que tu donnes mais j'aurais voulu m'assurer de ce que tu veux faire

Pour une image par dessus l'autre (utilité ? enfin bref, passons ), tu peux les positionner et utiliser z-index