css dégragé opaque passage souris Résolu/Fermé

Question

bonjour à tous !

sur mon site : 

http://icreatorbeta.free.fr/

j'ai le menu en haut.
Au passage de la souris , chaque bouton devient jaune.

Ce que je n'arrive pas à faire c'est : 
- diminuer la hauteur des boutons (donc diminuer la hauteur de la colorisation jaune)
- faire en sorte à ce que au passage de la souris, le bouton ne devienne plus jaune mais grise dans la moitié du haut el gris foncé pour le bas.
==> pour voir un petit exemple de la couleur de mon bouton : 
http://osc4.template-help.com/wt_30977/index.html


voilà j'espère ne pas trop en demande ^^

merci d'avance !

Configuration: Mac OS X / Safari 537.1

Mihawk · Answer

Hello,

C'est un peu mal foutu... la hauteur de ligne est défini dans la propriété "line-height" du body et vaut 1.4. Il suffit de la baisser ici. 

body {
    color: #000000;
    font-family: 'BelleroseLight',Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
    line-height: 1.4;
}

Quant à la couleur elle se définit dans un "hover" :

.header-menu-choix a:hover {
    background-color: yellow;
    text-decoration: underline;
}

Désolé mais là pour faire du dégradé il va falloir te plonger dans le CSS 3 avec la propriété linear-gradient (http://css.mammouthland.net/css3/degrades-sans-image.php

ickyknox · Answer

merci pour ces idées !
ca fonctionne !

Css dégragé opaque passage souris

2 réponses

Discussions similaires