Menu en CSS
Résolu
Bonjour, je cherche une solution en CSS pour faire en sorte que mes textes de menu grossisse au passage de la souris ou même en javascript?
Merci d'avance
Merci d'avance
Configuration: Windows Vista Firefox 3.0.11
5 réponses
-
Contributeursalut,
en CSS :a:hover{ font-size:2em; } -
bonjour, merci pour ta réponse je crée un site avec oxatis donc peut tu me dire ou je mets ce code:
/* HORIZONTAL MENU >> menu block - Boîte menu*/
#headermenu {
position: absolute;
top: 258px;
left: 0px;
width: 980px;
padding: 0px;
overflow: visible;
background-image: url(/files/26711/menu.jpg);
border-bottom: 2px solid #000D75;
height: 63px;
}
/* HORIZONTAL MENU >> menu items layout configuration - Configuration de la mise en page des éléments*/
ul#hmenu {
float: right;
margin: 0px;
list-style-position: outside;
list-style-type: none;
padding: 0px;
}
#hmenu li {
position:relative; /* Necessary for submenu positioning */
float: left;/* only left to keep menu items in the correct order*/
}
/* HORIZONTAL MENU >> Link styles - Mise en forme des liens*/
#hmenu a.menu, #hmenu span {
display: block;
color: #FFF;
_width: 1px;
white-space: nowrap;
padding-top: 18px;
padding-right: 62px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration:none;
}
/* HORIZONTAL MENU >> mouseover links styles - Elément survolé*/
#hmenu li a:hover {
}
#hmenu a.menu:hover, #hmenu a.subactive {
text-decoration:none;
background-color: #525AA2;
}
/* HORIZONTAL MENU >> - text styles - Mise en form des Textes*/
#hmenu span {
Je pense ICI:
/* HORIZONTAL MENU >> mouseover links styles - Elément survolé*/
#hmenu li a:hover {
}
#hmenu a.menu:hover, #hmenu a.subactive {
text-decoration:none;
background-color: #525AA2;
}
Merci d'avance -
ContributeurJe pense ICI:
moi aussi !
-;o)
et pourquoi n'as-tu pas essayé directement ?
c'est beaucoup plus rapide et plus fiable que n'importe quel forum.
la force des CSS est avec toi !
-:oD
-
ou tu peux utiliser onmouseover sans avoir a utiliser css d'une page css mais avec un mini code js
-
super c bien ce que pensé mais maintenant mon probléme c que j'ai 5 liens sur ce menu horizontal et si par exemple je me mets sur le 3eme ca me décale les 2 premiers précédents donc comment faire pour qu'ils sois chacun individuel du mouvement?
en tout cas merci pour ta rapidité-
Contributeurle mieux est de ne pas modifier la taille la police, mieux vaut jouer sur la couleur de premier plan et/ou le soulignement et/ou l'arrière-plan (couleur ou image).
+ des exemples, regarde dans les "Basic Text Only".
-