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>
Version complète: sur le forum Webmaster Hub : insertion de texte
Salut,
Tu peux reprendre les gif avec un logiciel de dessin pour y rajouter le texte.
Tu peux reprendre les gif avec un logiciel de dessin pour y rajouter le texte.
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" :
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" :
CODE
<a href="index.html"><img src="butt_3.gif" width="190" height="25" border="0" alt="Accueil"></a>
Je ferai ainsi :
Avec comme CSS :
Normalement, ça marche nickel :up:
CODE
<tr>
<td><a href="index.html" class="imagetexte">Ton texte</a></td>
</tr>
<td><a href="index.html" class="imagetexte">Ton texte</a></td>
</tr>
Avec comme CSS :
CODE
.imagetexte {
display: block;
width: 190px;
height: 25px;
border: 0;
text-align: center;
line-height: 25px;
background-image: url('butt_3.gif');
}
display: block;
width: 190px;
height: 25px;
border: 0;
text-align: center;
line-height: 25px;
background-image: url('butt_3.gif');
}
Normalement, ça marche nickel :up:
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.