Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
680 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  lien avec bordure

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

lien avec bordure

n°1246005
vita 100
Posté le 15-11-2005 à 14:21:34  profilanswer
 


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

mood
Publicité
Posté le 15-11-2005 à 14:21:34  profilanswer
 

n°1246029
anapajari
s/travail/glanding on hfr/gs;
Posté le 15-11-2005 à 14:43:52  profilanswer
 

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. }

n°1246055
vita 100
Posté le 15-11-2005 à 15:03:40  profilanswer
 

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

n°1246094
anapajari
s/travail/glanding on hfr/gs;
Posté le 15-11-2005 à 15:55:01  profilanswer
 

T'as essayé mon truc au moins?

n°1246108
vita 100
Posté le 15-11-2005 à 16:03:09  profilanswer
 

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

n°1246167
anapajari
s/travail/glanding on hfr/gs;
Posté le 15-11-2005 à 16:43:05  profilanswer
 

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

n°1246210
Flyman30
Posté le 15-11-2005 à 17:09:17  profilanswer
 

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  :)  


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  lien avec bordure

 

Sujets relatifs
problème lien html dans une iframe svpOuvrir un lien avec IE sous Mozilla
Faire un lien sur une animation SWFcomment entrer un lien dans du php ?
lien sur background-imageASP pb pour créer un lien qui inclueraient une page dans un tableau
Un lien vers un fichier sur mon reseau[HTML/CSS] Précisez la couleur de bordure d'une image servant de lien?
[HTML]Comment virer la bordure d'une image de lien?[HTML débutant] Cmt enlever la bordure bleue d'un lien-image ?
Plus de sujets relatifs à : lien avec bordure


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR