boton encima de una imagen en HTML

soportetecnico06 · #1 (**permalink**) 19/11/2013, 15:52

buen dia a todos

tengo una gran duda estoy por hacer un boton en html pero el detalle es que lo quiero encima de una imagen que tengo

ya e buscado e intentado de mil formas pero no puedo no se como no encuentro la manera de hacer eso

alguien me pudiera ayudar

saludos

horusorion · #2 (**permalink**) 19/11/2013, 22:09

si quieres que se vea encima de la imagen, o sea lo que entiendo es que quieres que tape parte de la imagen con el boton lo que debes hacer es usar codigo css....

Código HTML:

Ver original<html>
<head>
    <title></title>
</head>
<body>
 
<style type="text/css">
#boton {background: red;
        float: left;
        position: absolute;
        }
img{float: left;}   
 
</style>
 
<img width="300px" height="300px" src="imagen.jpg">
 
 
<div id="boton"> este es el boton</div>
 
 
</body>
</html>

con esto ya tienes un boton sobre una imagen.... y si quieres cambiar donde salga solo usas el margin left o margin top.....

y ya..... espero haberte podido ayudar.....

horusorion · #3 (**permalink**) 19/11/2013, 22:11

tambien puedes darle al link que esta en mi firma para que leas un tutorial html... es muy bueno y es nuevo... pronto publicare mas.....

Verkia · #4 (**permalink**) 20/11/2013, 02:00

O también puedes poner un div y por css añadirle la imagen de fondo:

Código HTML:

Ver original<div style="background-image=url(#urldelaimagen);">
    <input type="button" value="boton"/>
</div>