lien avec bordure

lien avec bordure - HTML/CSS - Programmation

Marsh Posté le 15-11-2005 à 14:21:34    


En terminant mon sous-menu, je m'aperçois que ma bordure du bas est différente sous FF et IE
 
Je dois certainement faire une erreur dans la css, mais je ne vois pas. confus
En effet, j'aimerai que mon sous-menu soit en normale souligné en gris et non en violet ( violet = soulignement des liens normaux) et que lorsque que l'on passe dessus, la bordure disparaisse et que mon texte s'agrandissent.
 
Quelqu'un peut me venir en aide?
 
html:
 
 
 
<div class="element_menu">
 
          <ul>
 
            <li>
 
            <a href="#ecouter" title="Accesskey: 1" accesskey="1" > Ecouter  </a></li>
 
            <li>
 
            <a href="#voir" title="Accesskey: 2" accesskey="2">  Voir </a></li>
 
            <li>
 
            <a href="#sentir" title="Accesskey: 3" accesskey="3">  Sentir </a></li>
 
          </ul>
 
        </div>
 
 
et
 
 
 
.element_menu {
 
 
 
 color: #ffffff;
 
 letter-spacing: 0.2em;
 
 position:relative;
 
 float: left;
 
 list-style: none;
 
 padding: 0 0 0 2px;
 
 margin: 0 0 5px 2px;
 
 text-decoration: none;
 
 letter-spacing: 0.6pt;
 
}
 
 
 
 
 
.element_menu ul {
 
/* Toutes les listes  Ô¡ puces se trouvant dans un menu */
 
 list-style: none;
 
 padding: 0 0 0 2px;
 
 margin: 0 0 5px 2px;
 
 text-decoration: none;
 
 letter-spacing: 0.6pt;
 
 
 
}
 
 
 
.element_menu li{
 
border-bottom: 1px solid #ddd;
 
 
 
}
 
 
 
 
 
.element_menu li a {
 
/* Tous les liens se trouvant dans un menu */
 
 display: block;
 
 padding: 3px 0px 3px 0px;
 
 width: 192px;
 
 border-bottom: 1px solid #ddd;
 
 color: #cccccc;
 
 font-weight: bold;
 
 text-align: left;
 
 text-decoration: none;
 
 letter-spacing: -1px;
 
}
 
 
 
.element_menu li a:hover, .element_menu  
 
/* Quand on pointe sur un lien du menu */
 
 {
 
 font-size: 1.2em;
 
 color: #9523E7;
 
 
 
 text-decoration: none;
 
}
 
 
biggrin
Merci d'avance de ton aide
 
vita

Reply

Marsh Posté le 15-11-2005 à 14:21:34   

Reply

Marsh Posté le 15-11-2005 à 14:43:52    

de ce que j'ai compris (mais je suis pas sur :o ), ta css devrait ressembler à ça:

Code :
  1. .element_menu {
  2. color: #ffffff;
  3. letter-spacing: 0.2em;
  4. position:relative;
  5. float: left;
  6. list-style: none;
  7. padding: 0 0 0 2px;
  8. margin: 0 0 5px 2px;
  9. text-decoration: none;
  10. letter-spacing: 0.6pt;
  11. }
  12. .element_menu ul {
  13. list-style: none;
  14. padding: 0 0 0 2px;
  15. margin: 0 0 5px 2px;
  16. text-decoration: none;
  17. letter-spacing: 0.6pt;
  18. }
  19. .element_menu li a {
  20. font-size: 1em;
  21. display: block;
  22. padding: 3px 0px 3px 0px;
  23. width: 192px;
  24. border-bottom: 2px solid #ddd;
  25. color: #cccccc;
  26. font-weight: bold;
  27. text-align: left;
  28. text-decoration: none;
  29. letter-spacing: -1px;
  30. }
  31. .element_menu li a:hover{
  32. font-size: 1.2em;
  33. color: #9523E7;
  34. text-decoration: none;
  35. border-bottom: 0px solid #ddd;
  36. }

Reply

Marsh Posté le 15-11-2005 à 15:03:40    

LO
Afin d'être un peu mieux compris, voici un lien
http://www.vitamine-c.ch/alsa2/menu.html
 
Merci d'avance

Reply

Marsh Posté le 15-11-2005 à 15:55:01    

T'as essayé mon truc au moins?

Reply

Marsh Posté le 15-11-2005 à 16:03:09    

oui jai mis en ligne sous http://www.vitamine-c.ch/alsa2/menu2.html  
Lorsque tu cliques sur le lien, il prend les trait-tillé
 
Merci de ton aide

Reply

Marsh Posté le 15-11-2005 à 16:43:05    

oui c'est normal ...
Mais je ne connais pas de façon de les enlever ( sans javascript)

Reply

Marsh Posté le 15-11-2005 à 17:09:17    

vita 100 a écrit :

oui jai mis en ligne sous http://www.vitamine-c.ch/alsa2/menu2.html  
Lorsque tu cliques sur le lien, il prend les trait-tillé
 
Merci de ton aide


 
C'est normal et ton menu fonctionne bien  ;)  
 
L'encadré en pointillé quand on clique dessus est normal et avec un vrai lien ne dure que quelques secondes  :)  

Reply

Sujets relatifs:

Leave a Replay

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