ALT et le CSS

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


Nerva
Nouveau WRInaute
 
Messages: 47
Inscription: Lun Nov 20, 2006 11:30

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: 13864
Inscription: Mar Déc 23, 2003 9:04

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
Nouveau WRInaute
 
Messages: 47
Inscription: Lun Nov 20, 2006 11:30

Message le Lun Nov 26, 2007 16:01

Bon, merci du renseignement... :wink:


UsagiYojimbo
WRInaute accro
WRInaute accro
 
Messages: 5192
Inscription: Mer Nov 23, 2005 10:38

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 impliqué
WRInaute impliqué
 
Messages: 423
Inscription: Jeu Déc 21, 2006 13:15

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.


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités