Personnaliser l'attribut Alt en CSS (RÉSOLU)

Bonjour,
Je suis novice en CSS et j'essaie de transposer un site avec frames en site avec un layout CSS.
Voici ma question : comment configurer à mon goût le texte alternatif remplaçant une image ? Je voudrais pouvoir choisir, le type, la taille et la couleur de la police.
Je travaille partiellement avec DW2004 où je ne trouve aucune option de ce genre.
Merci.
Modifié le 04 Jan 2005 - 15:00

Tu ne pourras pas directement styler l'ALT je pense ... par contre, tu peux utiliser une technique de span:hover
Modifié le 02 Jan 2005 - 12:18

Si si, il peut. Il lui suffit d'appliquer le style qu'il veut donner au texte alternatif dans le CSS correspondant à l'image.

img alt {

=> pas possible, alt est un attribut, pas une balise.
Modifié le 02 Jan 2005 - 12:24

Voir les Sélecteurs d'attributs :
Ex :

img[ alt] {color: blue;} (sans les espaces)

Mais ce n'est pas dit que ça fonctionne sur un attribut "alt" dont la vocation est assez spéciale.
Note : ce n'est pas reconnu par IE

PS : je renomme le titre du sujet pour le rendre plus explicite... et je déplace en salon CSS

Bonjour,

Raphael a écrit :
Voir les Sélecteurs d'attributs :

Ce que je comprends à la lecture de cette page : les règles définies ne modifient pas l'attribut lui-même mais les éléments définis par un attribut (ou une valeur d'attribut).
Ces exemples me semblent significatifs :

H1[title] { color: blue; }

=> les éléments h1 ayant un attribut title, et seulement eux, seront en bleu

SPAN[class=exemple] { color: blue; }

=> les éléments span dont l'attribut class a pour valeur "exemple", et seulement eux, seront en bleu

Quant à l'exemple avec l'attribut alt, j'avoue que quelque chose m'échappe : ce n'est pas compatible IE, soit... mais avec un navigateur respectueux des standards la valeur de l'attribut ne s'affiche pas au survol de la souris

Monique a écrit :
Ce que je comprends à la lecture de cette page : les règles définies ne modifient pas l'attribut lui-même mais les éléments définis par un attribut (ou une valeur d'attribut).

Oui, c'est vrai et c'est logique d'ailleurs. Je n'aurais pas dû répondre si vite.

En fait, il n'y a que le contenu généré qui peut afficher le contenu des attributs.
On en parle ici : http://forum.alsacreations.com/topic.php?fid=4&tid=168

Monique a écrit :

Quant à l'exemple avec l'attribut alt, j'avoue que quelque chose m'échappe : ce n'est pas compatible IE, soit... mais avec un navigateur respectueux des standards la valeur de l'attribut ne s'affiche pas au survol de la souris

En fait, ce que je voulais dire, c'est que les sélecteurs d'attributs ne sont pas compatibles avec IE.
Mais il me semble normal que Alt n'affiche rien au survol puisque ce n'est pas son rôle : il n'est pas une infobulle mais sert à renseigner lorsque l'image n'est pas présente.

Merci pour toutes ces réponses. Voici ce que j'ai ajouté :
Code css :
.alt {
font: 8px Verdana, Arial, Helvetica, sans-serif;
color: #832c83;
HTML :
<img src="photos/lesoirmini.gif" width="162" height="104" border="1" align="right" alt="Journal Le Soir du 11 mai 1940" vspace="10" hspace="10" />

J'ai seulement suivi les conseils (sans comprendre le pourquoi hélas !) En tout cas, ça fonctionne en interne, tant en Firefox et Netscape qu'IE6, car je n'ai pas téléchargé la page.

Je suis

Ca risque pas de marcher :s

.alt => élément ayant pour class "alt" Et tu n'a pas de class="alt" dans ton code HTML

Sinon, si tu pouvais utiliser le balisage BBcode situé sous la zone de saisie des message pour formater ton code ([ code] [/code] sans espace)

vspace, hspace => pourquoi ? tu pourrais utiliser les marges via CSS

vivi a écrit :

J'ai seulement suivi les conseils (sans comprendre le pourquoi hélas !) En tout cas, ça fonctionne en interne, tant en Firefox et Netscape qu'IE6, car je n'ai pas téléchargé la page.

Loin de moins l'idée de mettre ta sincérité en doute mais... j'aimerais bien voir
Si toi tu ne comprends pas pourquoi cela fonctionne, moi je ne comprends pas comment
Tu peux nous envoyer une capture d'écran ?

vivi a écrit :
Merci pour toutes ces réponses. Voici ce que j'ai ajouté :
Code css :
.alt {
font: 8px Verdana, Arial, Helvetica, sans-serif;
color: #832c83;
HTML :
<img src="photos/lesoirmini.gif" width="162" height="104" border="1" align="right" alt="Journal Le Soir du 11 mai 1940" vspace="10" hspace="10" />

J'ai seulement suivi les conseils (sans comprendre le pourquoi hélas !) En tout cas, ça fonctionne en interne, tant en Firefox et Netscape qu'IE6, car je n'ai pas téléchargé la page.

Je suis

C'est faux. Pourquoi ne fais-tu aps simplement comme je l'ai indiqué?! le css serait donc

img {
	font: 8px Verdana, Arial, Helvetica, sans-serif;
	color: #832c83;
}

Laurent Denis a écrit :
Juste une petite question, vivi : dans le code de ta capture d'écran, est-ce que ton image ne serait pas placée dans un lien, par hasard ?

Car si c'est le cas, la couleur obtenue n'est pas due à cette CSS (impossible) mais tout simplement à la couleur par défaut des liens visités fixée dans le paramétrage de ton navigateur... Ou éventuellement, à un autre paramétrage par défaut des couleurs dans celui-ci.

Pour t'en assurer, essaye ton code CSS avec une autre couleur.

Bonjour Laurent.
Tu as raison : j'ai modifié la couleur du texte dans le code CSS (j'ai mis du jaune) mais l'affichage dans le navigateur est resté comme avant.
J'ai également modifié la taille de la police : pas de changement.
Pourtant l'image en question est une simple insertion sans lien.
Je vais donc tout remettre à plat. Au moins, je ne me fais plus d'illusion ! Merci.