CSS du texte sur une image

[terni]

Bonjour,

Je voudrais placer du texte sur une image (jusque là rien de compliqué). Le problème est que je ne connais pas l’emplacement de cette image (elle est ajouté par un script php –et il y a plusieurs images–).

<div class="fic">
    <img src="images/fichier.png" />
    <div class="ext">
        .test
    </div>
    nomfic
</div>

« .test » doit se trouver sur l’image « images/fichier.png », pour cela il faut que je puisse placer « .test » en position absolu, mais il faut aussi que le point (0,0) de la classe ext soit dans la classe fic… je ne sais pas si vous me suivez… un peu dur a expliquer.

Merci par avance de votre aide. Et bonne fête à tous !

 

[Anonyme]

Un truc comme ça :

div.fic {
    position: relative;
    /*div de la taille de l'image*/
    width: 400px;
    height: 300px;
}
div.fic img {
    position: absolute;
}

div.ext {
    color: #fff;
}

J'ai pas testé mais ça devrait marcher.

P.S. : je ne vois pas ce que nomfic vient faire là. Et ton image n'a pas d'attribut alt…

 

[terni]

ça marche nikel merci beaucoup !! (il faut juste que je test sur IE).

Pour nomfic j'ai fait un copier coller du code source de mon site (en fait mon problème se passe au niveau de l'affichage de fichier l'image représente le fichier, ".test" représente l'extension du fichier et nomfic est le nom du fichier...).

Pour l'attribut alt en effet il faut que j'en mette !!