CSS du texte sur une image

terni

Membre confirmé
25 Octobre 2008
22
0
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–).

Bloc de code:
<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 !
 
A

Anonyme

Invité
Un truc comme ça :

Bloc de code:
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&#8230;
 

terni

Membre confirmé
25 Octobre 2008
22
0
ç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 !!