Ce forum est en partie financé par l’affichage de publicités. Merci de désactiver votre bloqueur de publicités pour nous permettre de continuer à fournir ce service.

CSS du texte sur une image

Discussion dans 'Développement web' créé par terni, 23 Décembre 2008.

Modérateurs: Nephou
  1. terni

    terni Nouveau membre

    Inscrit:
    25 Octobre 2008
    Messages:
    22
    J'aime reçus:
    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–).

    Code (Text):
    <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 !
     
  2. Anonyme

    Anonyme Invité

    Un truc comme ça :

    Code (Text):
    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;
     
  3. terni

    terni Nouveau membre

    Inscrit:
    25 Octobre 2008
    Messages:
    22
    J'aime reçus:
    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 !!
     
Modérateurs: Nephou
Chargement...

iOccasion - Achetez un produit Apple d'occasion

refurb Apple