Como manipular la posición de un botón.

jonnhie28 · #1 (**permalink**) 21/05/2013, 18:19

Hola, amigos, necesito de su sabiduría,con esto se pone un botón:
<style>
.boton{
padding:20px;
background:#502121;
color:white;
font:bold 10px/10px verdana;
width:100px;
cursor:pointer;
cursor:hand;
text-align:center;
}
</style>
</head>
<body>
<script>
</script>
<div
class="boton"
onmouseover="this.style.background='silver'"
onmouseout="this.style.background='black'"
onclick="location.href='disenar.html'">
antecedentes

Pero quisiera saber como manipularlo, es decir moverlo para hacer por ejemplo una barra de puros botones, por favor ayúdenme :'(

Developando · #2 (**permalink**) 22/05/2013, 02:22

¿Lo que quieres es hacer un menú horizontal o vertical de botones?

HackID1 · #3 (**permalink**) 25/05/2013, 08:45

Creo que dandole en tu CSS

Position:absolute;

y dandole el lugar correcto te servirá.

Algo así creo que quieres.

Código HTML:

Ver original<html>
<head>
<style>
    .boton {
        padding:20px;
        background:#502121;
        color:white;
        font:bold 10px/10px verdana;
        width:100px;
        cursor:pointer;
        cursor:hand;
        text-align:center;
    }
    
    #boton1 {
        position:absolute;
        left: 15%;
        
    }
    
    #boton2 {
        position:absolute;
        left: 25%;
        
    }
    
</style>
 
<body>
    <input id="boton1" class="boton" type="button" value="Boton1" />
    <input id="boton2" class="boton" type="button" value="Boton2" />
</body>
 
</html>

Un saludo!.