Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de Como manipular la posición de un botón. en el foro de HTML en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 21/05/2013, 18:19
 
Fecha de Ingreso: mayo-2013
Ubicación: Pachuca de Soto, Hidalgo.
Mensajes: 1
Antigüedad: 8 años
Puntos: 0
Pregunta Como manipular la posición de un botón.

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 :'(
  #2 (permalink)  
Antiguo 22/05/2013, 02:22
Avatar de Developando  
Fecha de Ingreso: abril-2013
Mensajes: 48
Antigüedad: 8 años
Puntos: 5
Respuesta: Como manipular la posición de un botón.

¿Lo que quieres es hacer un menú horizontal o vertical de botones?
  #3 (permalink)  
Antiguo 25/05/2013, 08:45
Avatar de HackID1  
Fecha de Ingreso: febrero-2013
Ubicación: En Update
Mensajes: 491
Antigüedad: 8 años, 2 meses
Puntos: 17
Respuesta: Como manipular la posición de un botón.

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
  1.     .boton {
  2.         padding:20px;
  3.         background:#502121;
  4.         color:white;
  5.         font:bold 10px/10px verdana;
  6.         width:100px;
  7.         cursor:pointer;
  8.         cursor:hand;
  9.         text-align:center;
  10.     }
  11.    
  12.     #boton1 {
  13.         position:absolute;
  14.         left: 15%;
  15.        
  16.     }
  17.    
  18.     #boton2 {
  19.         position:absolute;
  20.         left: 25%;
  21.        
  22.     }
  23.    
  24.  
  25.     <input id="boton1" class="boton" type="button" value="Boton1" />
  26.     <input id="boton2" class="boton" type="button" value="Boton2" />
  27. </body>
  28.  
  29. </html>

Un saludo!.
__________________
Puntuar +1 es buena forma de dar las gracias. :P
Your Time is limited, so don't waste it living someone else´s life.
Por: HackID1

Etiquetas: manipular
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:22.