Soulignement en pointillé avec les CSS

Soulignement en pointillé avec les CSS - HTML/CSS - Programmation

Marsh Posté le 22-05-2006 à 03:34:16    

'soir (ou bonjour, tout dépend d'où on se situe  :D)
 
J'ai commencé à coder un petit trombi mais je bloque un peu sur les liens. J'ai essayé de chercher sur le net et ici mais sans succès, je n'ai pas trouvé ce qui pourrait correspondre.
 
J'aimerais, à l'aide des CSS faire un soulignement en pointillé avant passage de la souris. Je sais qu'il existe text-decoration mais je sais pas si y'a un attribut pour (pour les bordures, c'est dashed).
 
Voilà une partie de ma feuille de style :
 

Code :
  1. .element_menu a
  2. {
  3.    color: #FFFFFF;
  4. }
  5. .element_menu a:hover
  6. {
  7.    background-color: #7727A0;
  8.    color: #FFFFFF;
  9. text-decoration : none;
  10. }


 
Merci d'avance  ;)


---------------
"About your cat Mr. Schrödinger : I have good news and bad news"
Reply

Marsh Posté le 22-05-2006 à 03:34:16   

Reply

Marsh Posté le 22-05-2006 à 08:21:14    

Il n'y a pas de soulignement en pointillés, il faut que tu mettes des bordures donc passer en

display: block;


Reply

Marsh Posté le 22-05-2006 à 09:07:01    

oK, merci bien ;)


---------------
"About your cat Mr. Schrödinger : I have good news and bad news"
Reply

Marsh Posté le 22-05-2006 à 09:58:00    

Tu devrais télécharger la specification CSS 2.1 (sur le site du W3C) et quand tu as un doute, tu cherches.

Reply

Marsh Posté le 23-05-2006 à 23:59:35    

Euuuh léger problème : quand je met en display : block et que je met la bordure en 2px dashed, ça me met tout les liens à la ligne à la suite avec la ligne entière entouré d'un filet pointillé c'est pas vraiment ça que je voulais faire... :D


---------------
"About your cat Mr. Schrödinger : I have good news and bad news"
Reply

Marsh Posté le 24-05-2006 à 04:34:26    

CNeo a écrit :

Tu devrais télécharger la specification CSS 2.1 (sur le site du W3C) et quand tu as un doute, tu cherches.


 
http://www.yoyodesign.org/doc/w3c/css2/visuren.html#q7
 
et ca aussi
 
http://www.yoyodesign.org/doc/w3c/ [...] properties
 

Citation :

8.5 Les propriétés de bordure
 
Ces propriétés spécifient l'épaisseur, la couleur et le style de l'aire de bordure d'une boîte. Celles-ci s'appliquent à tous les éléments.


 
 
 
a est un element inline mais c est une boite quand meme :/
Tu devrais télécharger la specification CSS 2.1 et quand tu as un doute, tu cherches.
 
donc il suffit juste de rajouter border-bottom: dashed;
et ca marche nickel :d
 
sinon a priori pas dashed en text-decoration :/


Message édité par mIRROR le 24-05-2006 à 04:36:55
Reply

Sujets relatifs:

Leave a Replay

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