5568 sujets

Sémantique web et HTML

Bonjour j'ai réaliser mon menu en forme de liste avec des images (voir code plus bas) mais si je lis le site avec w3m, aucun texte s'affiche pour le menu, je vois seulement les puces ....



Html :

<div id="menu">	<ul>

<li><a href="index_fr.php?page1=archives" id="archives" title="Archives"></a></li>

<li><a href="index_fr.php?page1=bonus" id="bonus" title="Bonus"></a></li>

<li><a href="index_fr.php?page1=contact" id="contact" title="Contact" ></a></li>

<li><a href="index_fr.php?page1=links" id="links" title="Liens" ></a></li>

<li><a href="index_fr.php?page1=livre" id="book" title="Livre d'or"></a></li>

<li><a href="radio.html" id="song" onclick="window.open(this.href, 'Heard', 'height=300, width=320, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=no, status=no'); return false;" title="Radio" ></a></li>

</ul> </div> 




[b]Extrait du Css[/b]
#song {

width: 50px; 

height:30px;

display: inline;

float:left;

background: url(img/menus/6song.png);

}


Je croyais que l'attribut title serait pris par w3m... Mais non, dois-je rajouter quelque chose dans le menu ? Bref je vous écoutes ...
Bonjour,

Ces images n'ont aucune existence en dehors d'un navigateur graphique supportant CSS. Autrement-dit, les liens sont vides pour un navigateur texte, un navigateur graphique ancien, un navigateur graphique moderne avec CSS désactivée, différentes configurations de lecteur d'écran, un traducteur, etc.

Ne pas utiliser les arrières-plan CSS pour remplacer des images de contenu. Celles-ci doivent être gérées à l'aide de :
<img src="..." alt="équivalent textuel de l'image" />


(C'est le contenu de alt, et seulement ce contenu, qui sera restitué dans tous les cas où l'image ne peut être affichée).
Modifié par Laurent Denis (20 Dec 2005 - 05:46)
Rahahhahah c'est quoi cette nouvelle manie de faire des liens sans contenu textuel ???
Je ne comprends toujours pas : quel avantage ça apporte par rapport à celui qui utilise des liens classiques <a ...><img ... /></a> ? Parce que perso, je n'y vois que des inconvénients...
J'avais fait des images comme ceci pour pouvoir faire plusieurs stylsheet dans le futur ....

Donc la si je met <img src="img.png" alt="img" />.
Si je fous plusieurs style et que je change le menu, il faudra que je refasse un index chaque fois ....

Pas très pratique Smiley ohwell
Si tu t'y prends comme il faut, c'est faisabmel en php, l'adaptation du chemin en fonction du template choisi