28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Pour réaliser mon menu (uniquement graphique), je pensais utiliser un sucession d'image en rollover js. Mais j'ai découvert la technique "Rollover Sans Javascript" d'Alsa (http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript)

Toutefois, je me demande si :


<ul>
<li><a href="home.php" class="home"></a></li>
<li><a href="2.php" class="2"></a></li>
<li><a href="3.php" class="3"></a></li>
</ul>


Bref, un sucession de lien "vide", c'est très accessible ?
Modifié par To! (17 Aug 2006 - 16:58)
Administrateur
To! a écrit :
Bref, un sucession de lien "vide", c'est très accessible ?

Non en effet, c'est même tout à fait déconseillé (je rajoute ce tutoriel sur la liste de ceux à remettre à jour).

Ce tuto est bien plus correct :
http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique

Il est préférable d'avoir du texte que l'on pourrait masquer avec différentes techniques, même si aucune n'est vraiment 100% probante actuellement.

Lire :
http://blog.alsacreations.com/2006/01/29/220-remplacement-dimages-halte-au-display-none
Modifié par Raphael (17 Aug 2006 - 12:30)
Merci pour ta réponse (et félicitations pour...euh...tout!)

Je pense donc opter pour un "masquage de texte".
J'ai lu avec attention le topic "Cacher du texte avec font-sie & letter-spacing".

Tu conseille :

.inagalaxyfaraway { 

display: none;

position: absolute; 

left: -9999px; 

top: -9999px; 

text-indent: -5000px;

}


Malheureusement, la conversation avait dévié. Tu saurais me dire, en gros, les désavantage de cette technique ?

Et, si Laurent Denis explique que...
a écrit :
Plus j'y réfléchis, et plus le cliping appliqué à une série de lien me semble aventureux. Ce n'est pas pour rien que je n'ai proposé cette technique que pour des titres


Il ne dit pas pourquoi...
Voilà, c'était une discussion fort intéressante, c'est pourquoi je me permets de demander des précisions sur quelques points.... Smiley confused
Bonjour,
Dans ce cas je te conseillerais plutôt d'utiliser Javascript. Le texte caché pose problème au cas où l'affichage des images est désactivé. Plus de texte, plus d'image : plus rien Smiley sweatdrop

Alors qu'avec une « image html » il resterait le texte de l'attribut ALT.
Modifié par Alan (17 Aug 2006 - 17:07)