hola ovilleros, mi consulta es sobre ese marco punteado que dibuja IE
alrededor de un enlace que está activo (o con foco no se bien)
En realidad es una tontería, o más bien una manía de diseñador :-),
pero el caso es que hace francamente feo porque es mucho más grande
que el propio botón (desplazado a la izquierda y hacia abajo)
Algo así:
-------------
boton |
|
------------
He probado a resetear el margin y el padding a cero pero sólo desaparece
el exceso de espacio de la izquierda no el de abajo.
FF perfecto naturalmente.
El html:
<<div id="botoneraLogin">>
<<a class="boton" href="pagina.html">>Aceptar<</a>>
<</div>>
Y la CSS:
a.boton, a:link.boton, a:visited.boton {
display: inline;
padding: .03em .8em;
margin: 1em;
background: url("img/boton.gif") repeat-x 0 -64px;
font-size: .75em !important;
border: 1px solid #6699FF;
color: #461717;
text-decoration: none;
}
a:hover.boton {
background-position: 0 -114px;
border-color: #999999;
color: #B20060;
}
a:active.boton {
background-position: 0 -164px;
color: #461717;
}
#botoneraLogin {
margin-left: 13%;
}
¿A alguien se le ocurre algo a estas horas tan digestivas y en viernes?
______________________________________
Jose A. Alvarez Laurnaga
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
