lien avec bordure - HTML/CSS - Programmation
Marsh Posté le 15-11-2005 à 14:43:52
de ce que j'ai compris (mais je suis pas sur ), ta css devrait ressembler à ça:
Code :
|
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
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
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)
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 |
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
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