Flèche haut et bas
Code HTML à placer dans un élément code :
<div id="menuhb" style="position:fixed; ">
<a href="#top"><img src="{{WA_IMG 5845-48.png}}" width="25" alt="" ></a><br>
<a href="#anchor-bottom"><img src="{{WA_IMG 5845-48-b.png}}" width="25" alt="" ></a>
</div>
Code CSS à placer dans le css de l'élément code :
#menuhb {
position: fixed;
right:0;
top: 50%;
width: 3.7em;
margin: -2.5em 0 0 0;
z-index: 5;
background: hsla(0, 100%, 35%, 1);
color: white;
font-weight: bold;
font-size: large;
text-align: left;
border: solid hsla(0, 100%, 20%, 0.5);
border-right: none;
padding: 0.2em 0.2em 0.2em 1.5em;
box-shadow: 0 1px 3px black;
border-radius: 3em 0.5em 0.5em 3em;
}
#menuhb li { margin: 0 }
#menuhb a { color: inherit }
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
Créer une ancre dans le bas de la page ou le pied de page.
Nommer cette ancre bottom