Salut à tous,
Woah, c'est pas simple (enfin, pour moi en tout cas) ce que je veux faire. Alors, commençons par le commencement. J'ai ça :
Code :
- <ul>
- <li><a href="http://blog.arrakeen.net/category/societe/" title="blabla">Société</a> (7)</li>
- <li><a href="http://blog.arrakeen.net/category/divers/" title="blabla">Divers</a> (27)</li>
- <li><a href="http://blog.arrakeen.net/category/filmscinema/" title="blabla">Films/Cinéma</a> (2)</li>
- </ul>
|
Et j'aimerais que les liens soient clicables sur toute la longeur de la balise <li>
Alors je teste, et je fais un "display:block"
Et ça marche.
Sauf que le nombre entre parenthèse (qui vient du PHP), ben, du coup, il se retrouve sur la ligne d'en dessous et c'est pas beau.
Et là, je sèche... J'ai essayé avec display:run-in, display:compact, etc..., j'ai essayé en mettant une balise span autour de la parenthèse, et en appliquant ces mêmes display à l'un, à l'autre, aux deux... rien ne marche.
J'ai finit par trouver une solution : je met le nombre dans un attribut hreflang de la balise a, et je l'affiche à coté avec un :after
Mais j'aime pas, je trouve ça pas propre vu c'est pas fait pour ça. Je pourrais le mettre dans title, mais y'a déjà autre chose. J'ai pensé à créer mon propre attribut, mais du coup je suis plus compliant.
Si quelqu'un a une idée, d'avance merci !