Bonjour/Bonsoir à tous,
J'ai grosso modo le code suivant :
Chaque élément span possède la css suivante :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <ul> <li> <div> <span class="auteur"><span class="nom">Billy</span><span class="prenom">Bob</span></span> <span class="category"><a href="lien1">cat</a> <span class="partager"><a href="lien2">partage</a> <span class="energy"><a href=""><img></img></a> </div> </li> </ul>
Avec, bien sûr, plus ou moins de padding pour les aligner correctement. Maintenant le problème :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 float:left; padding-left:340px; position:absolute;
Lien1 et lien2 ne sont pas cliquables sous firefox (et probablement d'autres navigateurs -- mais pas sous ie où ça fonctionne correctement ), lien3, qui est vide pour l'instant, est cliquable et renvoi vers la page en cours.
Les liens sont pourtant présents et accessible au clavier.
En farfouillant avec firebug, j'ai découvert qu'en enlevant le position:absolute des spans entourant les liens, les liens étaient à nouveau accessible, alors questions : Quel standard suis-je en train de violer ? Est-ce qu'il y'a une solution toute bête au problème ou je suis obligé de passer par autre chose que position:absolute ?
Merci d'avance
Partager