Bonjour (: et merci d'avance à celui qui prendra le temps de lire ça (:
Voilà, je suis en train d'essayer de faire une jolie page d'accueil qur mon forum, mais j'ai quelques soucis avec un code CSS qui me narque depuis quelques dizaines de minutes sans que j'arrive à remédier au problème. Je pense qu'une capture décran avant les explications s'impose :
Voilà ce que j'obtiens lorsque ma souris n'est pas sur le lien. Ca, aucun problème :
- Spoiler:
Malheureusement, voilà ce que j'ai lorsque je passe ma souris sur le lien pour cliquer :
- Spoiler:
Je voudrais simplement que le cadre orange se change en rose sans rajouter un deuxième cadre, mais je n'arrive vraiment pas à obtenir cet effet malgré mes trafics dans la feuille CSS.
Voici la partie concernée :
- Spoiler:
#nav {
width:180px;
list-style:none;
margin:0;
padding:3px;
}
#nav li {
background: #f2efd5 ;
color: #bf0049 ;
border: 1px solid #F09B1A ;
margin-bottom: 7px ;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-left: 4px solid #F09B1A;
border-right: 4px solid #F09B1A;
}
#nav li a {
display:block;
background: #f2efd5;
color: #bf0049;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}
#nav li a:hover{
font-weight: bold;
background: #f2efd5 ;
color: #bf0049 ;
border: 1px solid #bf0049 ;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-left: 4px solid #bf0049;
border-right: 4px solid #bf0049;
}
Merci ;D