adrian/jean-cloud_website
1
0
Fork 0
Code Issues 1 Pull Requests 1 Releases Wiki Activity

truc

Browse Source
This commit is contained in:
Adrian Amaglio 2019-08-14 00:29:49 +02:00
commit 834c2f5e91
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
css/main.css
View File

@ -19,20 +19,24 @@ body {
#nav { #nav {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; }
padding: 1.5em 0 31.5em 0;
z-index: 1; #nav #content {
overflow: hidden; width: 100%;
text-align: center;
padding: 1.5em 0 31.5em 0;
z-index: 1;
overflow-x: hidden;
} }
ul, li { ul, li {
list-style: none; list-style: none;
} }
#nav > ul { #nav #content > ul {
line-height: 0px; line-height: 0px;
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -43,7 +47,7 @@ ul, li {
padding: 0 0.5em; padding: 0 0.5em;
} }
#nav > ul > li { #nav #content > ul > li {
display: inline-block; display: inline-block;
margin: -9px 0.5em 0 0.5em; margin: -9px 0.5em 0 0.5em;
border-radius: 0.5em; border-radius: 0.5em;
@ -52,17 +56,17 @@ ul, li {
position: relative; position: relative;
} }
#nav > ul::before { #nav #content > ul::before {
left: 100%; left: 100%;
margin-left: 1px; margin-left: 1px;
} }
#nav > ul::after { #nav #content > ul::after {
right: 100%; right: 100%;
margin-right: 1px; margin-right: 1px;
} }
#nav > ul::before, #nav > ul::after { #nav #content > ul::before, #nav #content > ul::after {
content: ''; content: '';
display: block; display: block;
width: 300%; width: 300%;

2
index.html
View File

@ -29,6 +29,7 @@
<!-- Nav --> <!-- Nav -->
<!-- Todo – drop down list in css --> <!-- Todo – drop down list in css -->
<nav id="nav"> <nav id="nav">
<div>
<ul> <ul>
<li><a href="index.html">Accueil</a></li> <li><a href="index.html">Accueil</a></li>
<!--<li> <!--<li>
@ -53,6 +54,7 @@
<li><a href="#services">Nos services</a></li> <li><a href="#services">Nos services</a></li>
<li><a href="#contact">Nous contacter</a></li> <li><a href="#contact">Nous contacter</a></li>
</ul> </ul>
</div>
</nav> </nav>
</div> </div>