NoreenLouis (Talk | contribs) |
NoreenLouis (Talk | contribs) |
||
Line 82: | Line 82: | ||
/* MENU LINKS */ | /* MENU LINKS */ | ||
− | + | .navbar { /*pour cibler le style des listes du menu navigateur et pas des liens en général*/ | |
width:80%; /*pour agrandir le menu*/ | width:80%; /*pour agrandir le menu*/ | ||
/*background-color:#424558;*/ | /*background-color:#424558;*/ | ||
Line 89: | Line 89: | ||
} | } | ||
− | + | .navbar > ul { | |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
− | + | .navbar > ul::after { | |
content: ""; | content: ""; | ||
display:block; | display:block; | ||
Line 101: | Line 101: | ||
} | } | ||
− | + | .navbar > ul > li { | |
float:left; /*Bien positionner le menu*/ | float:left; /*Bien positionner le menu*/ | ||
position: relative; | position: relative; | ||
} | } | ||
− | + | .navbar > ul > li > a | |
{ | { | ||
padding: 20px 30px; | padding: 20px 30px; | ||
color:#18457D; | color:#18457D; | ||
} | } | ||
− | + | .navbar > ul > li:hover a{ /*pour pallier au problème de la bordure qui descend quand on passe la souris*/ | |
padding: 15px 30px 20px 30px; | padding: 15px 30px 20px 30px; | ||
} | } | ||
− | + | .navbar li { | |
list-style-type:none; | list-style-type:none; | ||
} | } | ||
Line 123: | Line 123: | ||
} | } | ||
− | + | .navbar a { | |
display: inline-block; | display: inline-block; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | .navbar li:hover .submenu{ | |
/*change le style du submenu quand on passe la souris sur un élément li*/ | /*change le style du submenu quand on passe la souris sur un élément li*/ | ||
display: inline-block; | display: inline-block; | ||
Line 222: | Line 222: | ||
− | <nav> | + | <nav class="navbar"> |
<ul> | <ul> | ||
<li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes"> Home </a></li> | <li class="menu"><a href="https://2017.igem.org/Team:Grenoble-Alpes"> Home </a></li> |
Revision as of 12:25, 27 June 2017