xis a écrit :
Treve de plaisanterie...
Si au moins une part de son propos avait eu pour but d'éclairer ma lanterne
Ben oui, mais si tu avais évité de dire une énormité
a écrit :
Ok, sauf si on veut placer quelques mots clés en début de page pres du logo dans un h1
Encore une fois quelle misère...
Et bien ce serait plus facile de répondre.
Bien,
Le commentaire que tu as mis en citation a pour contexte ceci :
a écrit :
h1#header a
{
width: 400px ;
height: 70px ;
display: block ;
background: url(title.gif) no-repeat ;
position: relative ;
left: 350px ;
top: 15px ;
text-indent: -5000px ;
}/* On donne les mêmes dimensions au lien, chose
possible grâce à la propriété display: block ; qui transforme le lien
en élément de type block, auquel on peut donner des propriétés de taille.
On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
/* Le text-indent négatif est fait pour pouvoir ne
cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
exploitable pour les syntèses vocales */
Avant de continuer une remarque, quand, comme tu dis l'être, on est débutant alors on ne s'avance pas comme ça à traiter ce qu'on lit de bidouille.
S'agit t'il de remplacer un alt ? Non.
Il est en fait question d'avoir trois chose en même temps :
. Un <h1> (typiquement un <h1> qui reprend le nom du site)
. Un lien (typiquement un lien retour accueil qui prend très bien sa place là car quoi de mieux que le nom du site lui même comme retour vers l'accueil)
. Une image (typiquement une bannière ou un logo, enfin quelque chose qui énonce graphiquement l'identité du propriétaire du site, car là encore quoi de mieux visuellement que de mettre un lien retour sur un élément qui dit le site).
Sauf que un <h1> c'est pour quoi sinon contenir le texte annonçant une section de niveau général ? Et <a> c'est fait pour quoi sinon contenir le simple et pertinent intitulé d'un lien hypertexte.
Et alors les images ça vient faire quoi là dedans ? C'est pour faire joli, pour avoir une certaine efficacité dans l'ordre de la présentation ?
... ok, ok, sauf que nous les bons élèves et les enfants sages de l'évangélisation standardiste nous savons bien que du point de vue séparation structuration du contenu/ présentation du contenu, l'aspect présentation doit être géré par css (c'est ce que le maitre nous a appris à l'école).
Donc si :
<h1></h1>
ou :
<a></a>
Et que des images veulent s'en mêler alors c'est au css de gérer cela.
Est ce possible ? Oui tout à fait, certaines propriétés ou techniques (et pas bidouilles ndd) de composition des propriétés le permettent aisément.
Oui mais... Il y a la question de l'accessibilité et là les css se fracassent dans le mur... ça ne marche pas les problèmes se surajoutent et ça coince.
Au fait, ça coince, mais ça n'invalide pas pour autant le raisonnement précédent.
Et là c'est le piège puisque le plus grand scrupule par rapport au respect des standards abouti à la pire impasse du point de vue accessibilité.
Alors en bout de course que faire ?
et bien revenir au point de départ et utiliser le balisage html pour une unique préoccupation de présentation et que là où on aurait du avoir
<h1>Texte</h1>
Et css pour avoir sa jolie image marketing
On va avoir :
<h1><img alt="texte" /></h1>
Comptant sur ce qu'on peut appeler, dans ce cas précis, la bidouille du alt pour avoir en dernier recours présent un texte qui n'aurait jamais du être absent du contenu balisé lui même.
Dit autrement, contrairement à ton hypothèse experte et pleine d'aplomb du départ, ce n'est pas le texte qui est là pour rempacer le alt d'une image qui devrait elle être en dur mais bien le alt de <img /> qui remplace le texte de <h1> qui aurait du être en dur.
Modifié par Christian Le Bouler (20 Jun 2007 - 21:37)
)
