button tag no respeta tamaño ni posicionamiento Le asocio una imagen, tamano y posición, pero solo muestra un botón delgado al tope de la página antes del ícono del menú ppal y con fondo blanco.
Busco que el botón esté unos px por debajo del ícono del menú ppal
No se si otros .css están interfiriendo, pero no tengo otra clase con ese nombre.
Gracias!
HTML
Código:
<!DOCTYPE html>
<html lang="sp" >
<head>
</head>
<body>
<!-- Navigation -->
<div class="container">
<div class="main-content">
<a href="#" data-toggle=".container" id="sidebar-toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="content">
</div>
</div>
<div id="sidebar">
</div>
<button class="btnBorrar" onclick="borrarRuta()"></button>
<div id="map"></div>
CSS
Cuando inspecciono los elementos del HTML con Chrome, el botón tiene dimensiones 16x16, que no son las que le asigno.
Código:
.btnBorrar {
background:url(/imagenes/ruta.png) no-repeat;
background-color: dark-grey;
display: block;
cursor:pointer;
border:none;
width: 34px;
height: 34px;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
position: relative;
right:50px;
top: 50px;
}
