Menu en CSS
Résolu/Fermé
dagena
Messages postés
230
Date d'inscription
mardi 15 janvier 2008
Statut
Membre
Dernière intervention
17 avril 2015
-
19 juin 2009 à 23:21
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 20 juin 2009 à 00:20
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 20 juin 2009 à 00:20
A voir également:
- Menu en CSS
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Excel menu déroulant en cascade - Guide
5 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
19 juin 2009 à 23:27
19 juin 2009 à 23:27
salut,
en CSS :
en CSS :
a:hover{
font-size:2em;
}
dagena
Messages postés
230
Date d'inscription
mardi 15 janvier 2008
Statut
Membre
Dernière intervention
17 avril 2015
22
19 juin 2009 à 23:54
19 juin 2009 à 23:54
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
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
19 juin 2009 à 23:57
19 juin 2009 à 23:57
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
Chabanus
Messages postés
978
Date d'inscription
dimanche 23 décembre 2007
Statut
Membre
Dernière intervention
11 novembre 2011
70
19 juin 2009 à 23:58
19 juin 2009 à 23:58
ou tu peux utiliser onmouseover sans avoir a utiliser css d'une page css mais avec un mini code js
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
20 juin 2009 à 00:05
20 juin 2009 à 00:05
tu peux utiliser onmouseover sans avoir a utiliser css d'une page css mais avec un mini code js
c'est sûr, pourquoi faire simple et naturel quand on peut s'em****er et ajouter des artifices !
-:oD
c'est sûr, pourquoi faire simple et naturel quand on peut s'em****er et ajouter des artifices !
-:oD
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
dagena
Messages postés
230
Date d'inscription
mardi 15 janvier 2008
Statut
Membre
Dernière intervention
17 avril 2015
22
20 juin 2009 à 00:16
20 juin 2009 à 00:16
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é
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
20 juin 2009 à 00:20
20 juin 2009 à 00:20
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".