[help] menu ( hover )
Résolu
arnaud512
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
arnaud512 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
arnaud512 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila, comme je l'ai dis dans mon précédent post, je souhaite réaliser mon portfolio.
Aujourd'hui je bloc sur un autre problème: le menu.
Je souhaiterez que le jaune du menu soit plus grand de 10px quand la souris passe par dessu un lien.
Regerdez par vous même:
http://rnd.olympe-network.com/indextest.html
Le style css est celui ci:
CODE
@charset "utf-8";
body {
background-color: #242424;
font-family: Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
}
#conteneur #menu ul {
list-style-type: none;
color: #FFF;
font-size: 24px;
font-family: Verdana, Geneva, sans-serif;
margin: 0px;
padding-top: 10px;
padding-left: 0px;
}
#conteneur #menu ul li {
display: inline;
}
.espace {
margin-right: 100px;
}
#menu {
background-color: #36C;
height: 50px;
width: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#conteneur #menu .espace a {
color: #FFF;
text-decoration: none;
}
#conteneur #menu .espace a:hover {
color: #333;
background-color: #FF0;
background-repeat: no-repeat;
}
Encore une fois merci a ceux qui vont m'aider.
Voila, comme je l'ai dis dans mon précédent post, je souhaite réaliser mon portfolio.
Aujourd'hui je bloc sur un autre problème: le menu.
Je souhaiterez que le jaune du menu soit plus grand de 10px quand la souris passe par dessu un lien.
Regerdez par vous même:
http://rnd.olympe-network.com/indextest.html
Le style css est celui ci:
CODE
@charset "utf-8";
body {
background-color: #242424;
font-family: Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
}
#conteneur #menu ul {
list-style-type: none;
color: #FFF;
font-size: 24px;
font-family: Verdana, Geneva, sans-serif;
margin: 0px;
padding-top: 10px;
padding-left: 0px;
}
#conteneur #menu ul li {
display: inline;
}
.espace {
margin-right: 100px;
}
#menu {
background-color: #36C;
height: 50px;
width: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#conteneur #menu .espace a {
color: #FFF;
text-decoration: none;
}
#conteneur #menu .espace a:hover {
color: #333;
background-color: #FF0;
background-repeat: no-repeat;
}
Encore une fois merci a ceux qui vont m'aider.
A voir également:
- [help] menu ( hover )
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
4 réponses
Bonjour,
rajoute cette ligne:
rajoute cette ligne:
#conteneur #menu .espace a {
padding:10px;
color: #FFF;
text-decoration: none;
}