Position absolute et a href
Bonjour/Bonsoir à tous,
J'ai grosso modo le code suivant :
Code:
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> |
Chaque élément span possède la css suivante :
Code:
1
2
3
| float:left;
padding-left:340px;
position:absolute; |
Avec, bien sûr, plus ou moins de padding pour les aligner correctement. Maintenant le problème :
Lien1 et lien2 ne sont pas cliquables sous firefox (et probablement d'autres navigateurs -- mais pas sous ie où ça fonctionne correctement :calim2:), 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 :)
