28211 sujets

CSS et mise en forme, CSS3

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

Pages :
(reprise du message précédent)

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 ! Smiley biggrin Merci.
Je me demande, mais je n'en sais rien, si le style de l'image ne s'appliqueriat pas aux texte lorsque l'image ne s'affiche pas.

Je m'explique.

un CSS comme

img {
 font-size: 80%;
 font-color: red;
 font-weight: normal;
 text-align: center;

n'influence normalement pas l'affichage de l'image elle-même.

Mais est-ce que toutes ces propriété ne s'appliquent pas au alt text qui s'affichera si l'image n'est pas affichée?
Modifié le 03 Jan 2005 - 11:05
LapinLove404 a écrit :
Je me demande, mais je n'en sais rien, si le style de l'image ne s'appliqueriat pas aux texte lorsque l'image ne s'affiche pas.

(...)

Mais est-ce que toutes ces propriété ne s'appliquent pas au alt text qui s'affichera si l'image n'est pas affichée?


Non, ça ne fonctionne pas. C'est assez logique remarque, puisque le texte qui s'affiche prend les attributs du conteneur dans lequel il se trouve (par défaut body...). La balise img n'etant pas un conteneur logique pour du texte.
Par contre, si une image est placée dans un niveau de titre, le texte alternatif prendra la taille de ce dernier.
Fonctionne dans Firefox 1.0, Mozilla 1.8, Netscape 7.1, Opera 7.5 mais échoue dans... 

<h2><img src="" alt="texte alternatif" /></h2>
LapinLove404 a raison. Je viens de faire quelques tests : les propriétés de couleur, de graisse et de taille appliquée à <img> s'appliquent effectivement au rendu du texte alternatif en l'absence d'image (Firefox, Opera).
Laurent Denis a écrit :
LapinLove404 a raison. Je viens de faire quelques tests : les propriétés de couleur, de graisse et de taille appliquée à <img> s'appliquent effectivement au rendu du texte alternatif en l'absence d'image (Firefox, Opera).


confiant comme pas deux j'avais testé seulement sous IE.. tiens ça m'apprendra Smiley smile
Moi, la néophyte, je me trouve en plein symposium de spécialistes !
En tout cas, ces discussions ont été utiles puisqu'il semble que la solution soit trouvée. J'ai fait aussi quelques essais divers, dont voici le résultat. L'affichage du texte alternatif est conforme en IE6, Firefox et Netscape.
Je n'ai donc modifié que le CSS suivant, par exemple :
img {
	font: bold normal small/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	text-transform: uppercase;
}

Merci à tous pour cet intéressant débat Smiley smile upload/451-txtalt.img.gif
ça fonctionne sur IE6 chez toi? C'est bien étrange parce que pour moi rien à faire, le texte alt garde ses attributs par défaut sur ce navigateur (par contre ça fonctionne sous FireFox)..??
Bonjour,
En effet, IE ne prend en compte que la couleur du texte.
Firefox et Netscape respectent tout : police, taille, style, épaisseur, casse, couleur, hauteur de ligne, décoration (soulignement)
Exemple : 
img {
	font: italic 12px/normal "Courier New", Courier, mono;
	text-transform: lowercase;
	color: #6600FF;
	text-decoration: underline;
}

upload/451-img.alt.gif
Pages :
Sujet clos
Aller à