Team:Grenoble/Templates/Css.css
From 2011.igem.org
(Difference between revisions)
JeanBaptiste (Talk | contribs) |
JeanBaptiste (Talk | contribs) |
||
Line 110: | Line 110: | ||
} | } | ||
- | # | + | #menulisttop, #menulisttop ul /* Liste */ |
{ | { | ||
float:center; | float:center; | ||
Line 120: | Line 120: | ||
} | } | ||
- | # | + | #menulisttop /* Ensemble du menu */ |
{ | { | ||
font-weight : bold; /* on met le texte en gras */ | font-weight : bold; /* on met le texte en gras */ | ||
Line 127: | Line 127: | ||
} | } | ||
- | # | + | #menulisttop a /* Contenu des listes */ |
{ | { | ||
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ | display : block; /* on change le type d'élément, les liens deviennent des balises de type block */ | ||
Line 137: | Line 137: | ||
} | } | ||
- | # | + | #menulisttop li /* Elements des listes */ |
{ | { | ||
float : left; | float : left; | ||
Line 145: | Line 145: | ||
/* IE ne reconnaissant pas le sélecteur ">" */ | /* IE ne reconnaissant pas le sélecteur ">" */ | ||
- | html>body # | + | html>body #menulisttop li |
{ | { | ||
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */ | border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */ | ||
} | } | ||
- | # | + | #menulisttop li ul /* Sous-listes */ |
{ | { | ||
position: absolute; /* Position absolue */ | position: absolute; /* Position absolue */ | ||
Line 158: | Line 158: | ||
- | # | + | #menulisttop li ul li /* Éléments de sous-listes */ |
{ | { | ||
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ | /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ | ||
Line 165: | Line 165: | ||
/* IE ne reconnaissant pas le sélecteur ">" */ | /* IE ne reconnaissant pas le sélecteur ">" */ | ||
- | html>body # | + | html>body #menulisttop li ul li |
{ | { | ||
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */ | border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */ | ||
} | } | ||
- | # | + | #menulisttop li ul ul |
{ | { | ||
margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ | margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ | ||
Line 178: | Line 178: | ||
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */ | /* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */ | ||
- | html>body # | + | html>body #menulisttop li ul ul |
{ | { | ||
border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */ | border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */ | ||
} | } | ||
- | # | + | #menulisttop a:hover /* Lorsque la souris passe sur un des liens */ |
{ | { | ||
color: #000; /* On passe le texte en noir... */ | color: #000; /* On passe le texte en noir... */ | ||
Line 189: | Line 189: | ||
} | } | ||
- | # | + | #menulisttop li:hover ul ul, #menulisttop li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ |
{ | { | ||
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */ | left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */ | ||
} | } | ||
- | # | + | #menulisttop li:hover ul, #menulisttop li li:hover ul, #menulisttop li.sfhover ul, #menulisttop li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ |
{ | { | ||
left: auto; /* Repositionnement normal */ | left: auto; /* Repositionnement normal */ | ||
Line 458: | Line 458: | ||
} | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 14:35, 29 July 2011