Bonjour tout le monde,
 
je place une image et pour pouvoir avoir un ALT, je la mets dans le HTML et pas en image de fond CSS. Et puis c'est du contenu (puisque c'est un titre qui va devoir changer parce que 4 langues...), pas de la mise en page.
Maintenant, j'ai une DIV que je place en absolu sur cette image. Cette DIV contient du texte et une image de fond qui elle, est dans la CSS background: url(../images/fond_sable.png);
Résultat, mon texte est SUR la vrai image (le titre, dans le HTML, cad <IMG src="...), mais mon image de fond (celle de la CSS), DESSOUS.
 
Est-il possible que mon image de fond de la DIV (celle dans la CSS), passe elle aussi, cad comme le texte, SUR l'"image HTML"  ?
 
Merci.

en gros et en HTML ca donne ?
 
avec ce que tu as dis j'ai l'impression de voir ceci :  
 
avant il y avait :  
<img src="monimage.gif" alt="le titre">
 
et now tu as
<div>
Le titre
</div>
avec le div stylé ????
bon donne nous ton code HTML correspondant, et ton CSS correspondant, on est sur Programmation là, alors on veut du code, c'est plus simple pour nous de comprendre que tes longues explications tordues

oraïte, voili-voilou :
 
HTML (juste la partie concernée) :
 

 
et la CSS :
 

 
Sinks.

 
 
Mais c'est quoi ce mélange?
 
Tu te rends compte que ça n'a sémantiquement aucun sens ton truc?

Désolé masklinn, mais, faudrait peut-être que j'envoie une capture d'écran (d'ailleurs est-il possible d'uploader directement ici ou faut-il le publier quelquepart et mettre une adresse de référence ?).
 
La 1ère image est le titre avec un joli (?) cadre en dessous, cadre qui part en fondu vers la couleur de background (son contenu pourra donc être aussi long que désiré sans "traverser une bordure de cadre inférieure).
 
La 2ème image, celle de fond, celle de la CSS donc, permet de délimiter un second cadre à l'"intérieur" du 1er cadre.
 
Sémantiquement, je ne vois pas le problème (je ne dis pas qu'il n'y en a pas, seulement que je ne le perçois pas).

imageshack.us pour uploader des copies d'ecran
 
sémantiquement ya un mega gros problème et ca se règle en 2 balises ou 3 propres

Merci gatsusat :
 

J'vois pas l'intérêt de faire un bordel pareil pour chaque titre
 
En fait, j'dirais même que l'image de titre n'a pas à être (ton machin "Database" là) pas plus que son div, et que tes h3 n'en sont pas
 
Surtout que "Database" et "Key Issues" sont du même niveau non? Des titres de sous menus

"J'vois pas l'intérêt de faire un bordel pareil pour chaque titre " : je ne te ferai pas découvrir ceci masklinn http://www.csszengarden.com/ et, deuxièmement, ce n'est absolument pas pour comparer la "valeur" de mon travail à celle d'autres, mais tu avoueras qu'avec "plein de bordel", y'en a qui arrivent à faire des "trucs" qui "l'font".
Ne me réponds pas "il y en a oui mais pas toi", ce n'est pas une réponse.
 
La question était purement technique : est-ce qu'une image de fond déclarée en CSS peut se superposer sur une image déclarée dans le code HTML.
 
Pour les h3, je remplacerai le tout par des ul/li si c'est ça le problème.

1- la structure de CSSZG n'est pas pûrement sémantique puisqu'elle doit rester suffisament flexible pour les dizaines de designs
2- la structure des menus de CSSZG reste plus propre que ce que tu as posé

Quel
Intérêt
Ca
A
?
 
Réponse: aucun, pour faire ce que tu montres ça ne sert strictement à rien

mettre un contour / texte alternatif ou autre sur l'image peut être..
 
Exemple :  
http://cyberkats.free.fr/29052005.png (mon site quiestpasfinietquidevraitêtreauxnormes)
Regarde les dossiers, je mets un contour sur l'image du groupe  
(photo originale : http://pingouinland.free.fr/concert/itw/seeva.txt.jpg )
 
Donc dans son cas, c'est pi être pour avoir le "fond" avec l'icone qui ne change pas selon la langue choisi, mais que le texte qui est dessus change.
 
...bon, après, pi être que j'ai rien compris a l'histoire  

Image en background, texte par dessus

je dis pas le contraire, au niveau technique, mais c'était pour l'utilité : il y en a une. (alors que tu avais mis : aucune - bref, interpretation différente d'une même chose, je pense)

a bah, ça, c'est balo.
 
ça marche là ? (euh, elle est un peu grande par contre, désoler   )

Pour la bordure arrondie c'est plus difficile, faudrait bidouiller, mais pour le texte, ben là tu mets juste l'imageTexte avec l'alt kivabien dans la div et a photo en bg.