[CSS/XHTML] Li cliquable

Li cliquable [CSS/XHTML] - HTML/CSS - Programmation

Marsh Posté le 12-09-2005 à 16:52:16    

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 :
  1. <ul>
  2. <li><a href="http://blog.arrakeen.net/category/societe/" title="blabla">Société</a> (7)</li>
  3. <li><a href="http://blog.arrakeen.net/category/divers/" title="blabla">Divers</a> (27)</li>
  4. <li><a href="http://blog.arrakeen.net/category/filmscinema/" title="blabla">Films/Cinéma</a> (2)</li>
  5. </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 !

Reply

Marsh Posté le 12-09-2005 à 16:52:16   

Reply

Marsh Posté le 12-09-2005 à 16:55:11    

Pourquoi tu met pas le truc entre parenthèses dans le lien ?

Reply

Marsh Posté le 12-09-2005 à 16:59:25    

FlorentG a écrit :

Pourquoi tu met pas le truc entre parenthèses dans le lien ?


 
 
Effet de style :D  
 
En fait, le lien est en gras et le nombre entre parenthèse, plutôt discret. Juste pour donner une indication, c'est l'idée.
 
Et lorsqu'on passe dessus, j'ai pas envie que le nombre soit "hoverisé".

Reply

Marsh Posté le 12-09-2005 à 17:06:50    

ben tu le met dans un <span> et tu déstyle le span lors du hover
 
UL LI A:hover SPAN {
style qui déhoverise
 
}

Reply

Marsh Posté le 12-09-2005 à 17:09:51    

ah, bonne idée !
 
Merci !
 
Je crois que je cherchais un peu trop compliqué :/


Message édité par Gurney_Halleck le 12-09-2005 à 17:10:06
Reply

Marsh Posté le 12-09-2005 à 22:37:53    

:sarcastic:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed