[help] menu ( hover ) Résolu/Fermé

Question

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.

M@dien · Answer

Bonjour,

rajoute cette ligne:
#conteneur #menu .espace a {
padding:10px;
color: #FFF;
text-decoration: none;
}

arnaud512 · Answer

merci mais je voudrai plus de droite a gauche.

M@dien · Answer

Modifie la ligne à ta convenance:
padding:10px 20px 10px 20px;
Sachant que l'ordre est: haut - droite - bas - gauche.
Bon courage

arnaud512 · Answer

merci beaucoup!!!!!!!

[help] menu ( hover )

4 réponses

Discussions similaires