CSS Barre de naviguation

[Invité]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tridentcoc.forumofficiel.fr

Description du problème

Bonjour,
Actuellement, j'ai ce code :

Code:


.mainmenu {
background: #24384c!important; 
}

Comme vous le voyez, cela ne comble pas toute la longueur, il y a des trous entre chaque lien, et j'aimerais aussi la rendre un peu plus large : http://prntscr.com/bi8c2s
Egalement, si possible, rendre la case plus foncé au survol.

Merci d'avance

[Invité]

up

[Invité]

bonsoir , tenter avec ceci

Code:

.mainmenu {
    color: #fff;
    text-decoration: none;
    background: #24384c;
    padding: 5px;
    margin-left: -8px;
}
.mainmenu:hover {
    text-decoration: none;
    color: #fff;
    background: #000;
    padding: 5px;
    margin-left: -8px;
    transition: 1.5s;
}


je vois que vous avez la mention !important sur la couleur , rajouter le si nécessaire

[Invité]

Merci à vous
Dernière question comment puis-je changer la couleur de fond au clic d'un seul bouton, par exemple accueil ?

[Invité]

pour accueil je ne sait pas si c'est possible , mais pour les autres oui .

exemple avec >>faq
le code source>

Code:

<a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="FAQ" title="FAQ">FAQ</a>


le css pour ce bouton

Code:

a.mainmenu[href*="/faq"]:hover{
    color:#000;background:green;
}

ou encore >>groupe
le code source>

Code:

<a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://2img.net/i/fa/empty.gif" border="0" height="13" hspace="2" alt="Groupes" title="Groupes">Groupes</a>

le css pour ce bouton

Code:

a.mainmenu[href*="/groups"]:hover{
    color:#000;background:green;
}

en examinent le code "source" je ne trouve pas la clé pour modifier >>accueil

mais je ne lâche pas ..

[Invité]

Merci bien ^^