IUT_Informatique/KyFlo
Archived
1
0
Fork 0
Code Activity

fix navbar

Browse source
This commit is contained in:
p1907091 2019-12-12 07:45:52 +01:00
parent 96948d693c
commit 727101274f
3 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
Assets/css.css
View file

@ -14,6 +14,7 @@ a{
background-color: white; background-color: white;
width: 100%; width: 100%;
z-index: 3; z-index: 3;
overflow: auto;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
} }
@ -164,4 +165,6 @@ div#slider figure {
text-align: left; text-align: left;
animation: 16s slidy infinite; animation: 16s slidy infinite;
} }
/*==========================================================================================*/ /*============================================*/

5
Assets/resp.css
View file

@ -1,7 +1,4 @@
@media (min-width:48em){ @media (min-width:48em){
.header{
position: fixed;
}
.header li{ .header li{
float: left; float: left;
} }
@ -19,4 +16,4 @@
.header .menu-icon{ .header .menu-icon{
display: none; display: none;
} }
} }

14
index.html
View file

@ -22,8 +22,8 @@
<li><a href="#">Contact</a></li> <li><a href="#">Contact</a></li>
<li><a href="#">Panier</a></li> <li><a href="#">Panier</a></li>
</ul> </ul>
</header> </header>
<div id="slider"> <div id="slider">
<figure> <figure>
<a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a> <a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a>
<a href="Assets/Pages/Produits/pepper.html"><img src="Assets/Images/Promotions/promo2.png" alt></a> <a href="Assets/Pages/Produits/pepper.html"><img src="Assets/Images/Promotions/promo2.png" alt></a>
@ -31,7 +31,15 @@
<a href="Assets/Pages/Produits/terminator.html"><img src="Assets/Images/Promotions/promo4.png" alt></a> <a href="Assets/Pages/Produits/terminator.html"><img src="Assets/Images/Promotions/promo4.png" alt></a>
<a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a> <a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a>
</figure> </figure>
</div> </div>
<div class="flex-container">
<div>Robot Nao</div>
<div>Robot Valkyrie</div>
<div>Robot Terminator</div>
<div>Robot x</div>
<div>Robot y</div>
</div>
</body> </body>