Fléche haut et bas

Flèche haut et bas

Code HTML à placer dans un élément code :

                        <div id="menuhb" style="position:fixed; ">
                        <a href="#top"><img src="mon-image-haut.png" width="25" alt="haut" ></a><br>
                        <a href="#anchor-bottom"><img src="mon-image-bas.png" width="25" alt="bas" ></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

Validation W3C

Slider et Image

Accordion

Divers 1

Divers 2

Mascarade

Lumière

Couché de soleil

Le Crozon