insertion de texte

[austin powers]

salut

j'ai un kit graphique et je voudrais inserer du texte sur les boutons de lien.

Je ne sait pas comment faire .

Voila le code:

<tr>

<td><a href="index.html"><img src="butt_3.gif" width="190" height="25" border="0" alt="butt_3"></a></td><p>

</tr>

[Gribouille26]

Salut,

Tu peux reprendre les gif avec un logiciel de dessin pour y rajouter le texte.

[LaurentDenis]

Les textes mis en image ont en effet ce défaut : il faut refaire l'image pour changer le texte

Cela dit, autre défaut : même avec son texte, ton bouton n'a plus aucun sens quand les images ne sont pas affichées (navigateur texte, lecteur d'écran...). Heureusement, c'est plus simple à rectifier: recopie le texte du bouton dans l'attribut alt de l'image. Exemple pour un bouton "Accueil" :

<a href="index.html"><img src="butt_3.gif" width="190" height="25" border="0" alt="Accueil"></a>

[pierredureau]

Je ferai ainsi :

<tr>
<td><a href="index.html" class="imagetexte">Ton texte</a></td>
</tr>

Avec comme CSS :

.imagetexte {
display: block;
width: 190px;
height: 25px;
border: 0;
text-align: center;
line-height: 25px;
background-image: url('butt_3.gif');
}

Normalement, ça marche nickel

Modifié 1 Novembre 2004 par pierredureau