Buenos días.
Miren este codigo:
Código:
<div style="display: block; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd;">
<a href=""><img src="Images/FlechitaDer.gif" style="vertical-align: middle;" /> Texto Link</a>
</div>
En la página de estilos, este es el estilo para el enlace:
Código:
a:link {
display: block;
text-decoration: none;
font-family: MS Sans Serif, Sans-Serif, Tahoma, Helvetica;
font-size: 10px;
color: #666666;
}
a:visited {
...
}
...
Entonces, el resultado es que salga un link dentro del DIV que tiene borde por encima y por debajo. Pero la distancia del link hasta esos bordes del DIV difiere mucho si aplico el "display: block" o si no lo aplico. De hecho he tenido que aplicarlo para reducir ese margen, pero yo no quiero que sea de tipo "block", sino "inline", pero al ponerlo "inline" de disparan esos margenes...
Por qué ocurre esto? Qué puedo hacer?
Ah! Olvidé comentar que esto lo he notado en Explorer 6.
Gracias!