Menu en CSS
Résolu
dagena
Messages postés
230
Date d'inscription
Statut
Membre
Dernière intervention
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
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
A voir également:
- Menu en CSS
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Excel menu déroulant en cascade - Guide
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
5 réponses
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
/* 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
Je 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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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é
en tout cas merci pour ta rapidité
le 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".
+ des exemples, regarde dans les "Basic Text Only".