Skip to content

Instantly share code, notes, and snippets.

@dedosmedia
Last active February 26, 2016 23:39
Show Gist options
  • Save dedosmedia/cfd6d88cbaba9879b6ba to your computer and use it in GitHub Desktop.
Save dedosmedia/cfd6d88cbaba9879b6ba to your computer and use it in GitHub Desktop.
Botones con texto e imagenes centradas, para las opciones
En el index.html (agregar uno por cada botòn, y personalizar id)
<div class="selectable option" id="option0">
<label class="text">EJEMPLO</label>
</div>
En style_custom.css (personalizar background-image, width y height acorde a la imagen a usar, y las posiciones left y top de cada opción)
.option
{
position: absolute;
background-image: url('../images/boton.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: table;
width: 207px;
height: 82px;
}
.option0
{
top: 614px;
left: 150px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment