ALT et le CSS


Nerva
WRInaute discret
WRInaute discret
 
Messages: 55
Inscription: 20 Nov 2006

ALT et le CSS

Message le Lun Nov 26, 2007 15:59

Bonjour.

Est-il possible d'intégrer le "ALT" dans la feuille de style ?

Cas pratique.

Dans la feuille de style, j'ai ça pour mes vignettes cliquables :

Code: Tout sélectionner
img.thumb
{
border-width: 0px;
}

Ce qui évite d'avoir à baliser border="0" pour chaque image.

Tant qu'à faire, je me suis dit que dans la feuille de style, on pourrait peut-être avoir la même chose avec ALT, ce qui donnerait un truc du genre :

Code: Tout sélectionner
alt: "Afficher la photo";

Pour avoir ça dans la page HTML :

Code: Tout sélectionner
<img src="photos/test.jpg" class="thumb">

Au lieu de ça :

Code: Tout sélectionner
<img src="photos/test.jpg" class="thumb" alt="Afficher la photo">

Et ainsi réduire la longueur des lignes.

Naturellement, cette balise ne fonctionne pas ainsi en CSS ; est-ce qu'il en existe une ?

Merci.
Dernière édition par Nerva le Lun Nov 26, 2007 16:00, édité 1 fois.


e-kiwi
Modérateur
Modérateur
 
Messages: 15540
Inscription: 23 Déc 2003

Message le Lun Nov 26, 2007 16:00

un attribut n etant pas un élément graphique, ce n'est pas possible. une feuille de style de sert pas à ça !


Nerva
WRInaute discret
WRInaute discret
 
Messages: 55
Inscription: 20 Nov 2006

Message le Lun Nov 26, 2007 16:01

Bon, merci du renseignement... :wink:


UsagiYojimbo
WRInaute accro
WRInaute accro
 
Messages: 8296
Inscription: 23 Nov 2005

Message le Lun Nov 26, 2007 16:54

e-kiwi a écrit:un attribut n etant pas un élément graphique, ce n'est pas possible. une feuille de style de sert pas à ça !


Qui plus est, les balises alt permettent sont partie intégrante du contenu d'une page. Donc même si cela était possible (ce qui n'est pas le cas), ça serait une erreur.

Victor BRITO
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 423
Inscription: 21 Déc 2006

Message le Lun Nov 26, 2007 17:21

Ce qu'on peut faire en CSS, c'est d'afficher le contenu de l'attribut alt à la place de l'image (utile pour les imprimantes et les petits écrans).
Code: Tout sélectionner
img {
  content: attr(alt);
}

Seule ombre au tableau : Internet Explorer, même dans sa version 7, n'implémente pas la propriété content.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité