matthieu/dubuval
1
0
Fork 0
Code Releases Activity

Amélioration sommaire

Browse Source
This commit is contained in:
Matthieu Dubuget
2018-09-30 12:11:08 +02:00
parent 01f94a54c9
commit f9f3045fc4
3 changed files with 77 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
index.html
View File

@ -34,6 +34,17 @@
.galleria{ width:100% }
.galleria-theme-classic { background: #aaaaaa}
</style>
<script type='text/javascript'>
/* Set the width of the side navigation to 250px */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
/* Set the width of the side navigation to 0 */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</head>
<body>
@ -793,30 +804,29 @@
</div>
</div>
<!-- Todo : regarder https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav et https://www.w3schools.com/howto/howto_js_sidenav.asp -->
<div class="sommaire">
<div class="insommaire">
<nav>
<ul>
<li><a href="#descriptif">Descriptif</a></li>
<li><a href="#situation">Situation</a></li>
<li><a href="#plan">Plan</a></li>
<li><a href="#piece_principale">Piece principale</a></li>
<li><a href="#chambre_1">Chambre 1</a></li>
<li><a href="#chambre_2">Chambre 2</a></li>
<li><a href="#chambre_3">Chambre 3</a></li>
<li><a href="#salles_eau">Salles d’eau</a></li>
<li><a href="#divers">Divers</a></li>
<li><a href="#literie">Literie</a></li>
<li><a href="#photos">Photos</a></li>
<li><a href="#tarifs">Tarifs et planning</a></li>
</ul>
</nav>
</div>
<div class="insommaire">
<p class="vert">Sommaire</p>
</div>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<nav>
<ul>
<li><a href="#descriptif">Descriptif</a></li>
<li><a href="#situation">Situation</a></li>
<li><a href="#plan">Plan</a></li>
<li><a href="#piece_principale">Piece principale</a></li>
<li><a href="#chambre_1">Chambre 1</a></li>
<li><a href="#chambre_2">Chambre 2</a></li>
<li><a href="#chambre_3">Chambre 3</a></li>
<li><a href="#salles_eau">Salles d’eau</a></li>
<li><a href="#divers">Divers</a></li>
<li><a href="#literie">Literie</a></li>
<li><a href="#photos">Photos</a></li>
<li><a href="#tarifs">Tarifs et planning</a></li>
</ul>
</nav>
</div>
<div>
<a href="#head" onclick="openNav()">
<img id="fixedbutton" src="files/menu.png" >
</a>
</div>
</body>
</html>