affichage du texte en bas d'une image

**l_achraf** · 02/03/2009, 17h00

Bonjour tout le monde,
est ce qu'il y a moyen d'afficher du texte en bas d'une image sans passer par les CSS.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<img src="anibul06.gif" alt="votre panier de commande" height="15" width="15" >

Quelle attribut de la balise img dois je ajouter??
Merci beaucoup pour l'aide

**GihefBey** · 02/03/2009, 17h31

Envoyé par l_achraf

Bonjour tt le monde,
est ce qu'il ya moyen d'afficher du text en bas d'une image sans passer par les CSS.

En dessous, après, oui.
Sur l'image, en bas (ou ailleurs) de l'image, non.
Sinon avec des moyen non conformes et antédiluviens qui risquent de ne pas marcher.

-

**l_achraf** · 02/03/2009, 17h37

merci pour ta reponse mais comment je fois faire ca??

**GihefBey** · 02/03/2009, 17h52

Comme ici. Sauf que la petite image serait ton texte.
Ou comme dans cette page avec une image en arrière-plan et, encore, le texte en absolute.

-

**l_achraf** · 02/03/2009, 18h01

salut,
je vais vous mettre mon code pour bien vous expliquer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
<HTML> 
<HEAD> 
 
</HEAD> 
 
<center> 
<BODY bgcolor ="DAA520"> 
<img src="anibul06.gif" alt="Z" height="15" width="15" > 
&nbsp;
&nbsp;
 
<BODY bgcolor ="DAA520"> 
<img src="anibul06.gif" alt="X" height="15" width="15" > 
&nbsp;
&nbsp;
 
<BODY bgcolor ="DAA520"> 
<img src="anibul06.gif" alt="Y" height="15" width="15" > 
&nbsp;
&nbsp;
</center> 
 
</HTML>

j'ai 3 images qui sont pareils et qui composent un menu, et ce que je veux faire c'est juste insérer du texte en bas de ces images.

J'espere etre clair
merci

**GihefBey** · 02/03/2009, 18h05

Faisable mais, 15x15 et tu veux mettre du texte par dessus...
Une seule lettre alors.

-

**l_achraf** · 02/03/2009, 18h08

oui je comprend bien ce que tu veux dire, parce que l'image est juste un petit point qui s'anime ( change de couleur) et je veux mettre du texte en bas de chaque point pour les liens vers d'autres pages.
Merci

**GihefBey** · 02/03/2009, 18h13

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
    <div class="texte_sur_image">
      <img src="anibul06.gif" alt="X" width="15" height="15" />
      <span>Le texte</span>
    </div>
    <div class="texte_sur_image">
      <img src="anibul06.gif" alt="X" width="15" height="15" />
      <span>Le texte</span>
    </div>
    <div class="texte_sur_image">
      <img src="anibul06.gif" alt="X" width="15" height="15" />
      <span>Le texte</span>
    </div>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    .texte_sur_image img {
      display : block;
      }
    .texte_sur_image {
      position: relative;
      width : 15px;
      height : 15px;
    background-color: #000;
      }
    .texte_sur_image span {
      position: absolute;
      right : 0;
      bottom : 0;
    color : #fff;
      }

-

**l_achraf** · 02/03/2009, 18h35

merci beaucoup,
ca marche maintenant

affichage du texte en bas d'une image

HTML

Discussions similaires

Partager

Partager