Foros del Web - Ver Mensaje Individual - Menú vertical con desplazamiento botón arriba, boton abajo

agustinpak · #1 (**permalink**) 18/02/2017, 10:48

Buenas Gente! Saludos!

Hace días que trato de crear un menú vertical como el que muestro a continuación, pero en vez de que se muestre la barra de desplazamiento, pueda agregar un botón arriba y otro abajo para subir o bajar los botones del menú, como flechas.

No tengo experiencia en diseño, podrían echarme una mano? Gracias!

Código HTML:

Ver original<!Doctype html>
<html>
<style>
.vertical-menu {
    width: 200px;
    height: 150px;
    overflow-y: auto;
}
 
.vertical-menu a {
    background-color: #eee;
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;
}
 
.vertical-menu a:hover {
    background-color: #ccc;
}
 
.vertical-menu a.active {
    background-color: #4CAF50;
    color: white;
 
 
</style>
<body>
 
<h1>LENGUAJES</h1>
 
<div class="vertical-menu">
  <a href="#" class="active">PHP</a>
  <a href="#">JAVA</a>
  <a href="#">PYTHON</a>
  <a href="#">C#</a>
  <a href="#">C++</a>
  <a href="#">JAVASCRIPT</a>
  <a href="#">C</a>
  <a href="#">PERL</a>
  <a href="#">VISUAL BASIC</a>
</div>
 
</body>
</html>