Etiqueta <a> en internet explorer

[unos11]

Hola a todos,

He hecho un link con una imagen y con el mozilla se ve bien, pero con internet explorer me aparece un cuadro alrededor de la imagen

Los estilos que tengo son:
.botones a{
color:#ffffff;
text-decoration:none;
}
.botones a:link{
color:#ffffff;
text-decoration:none;
}

.botones a:visited{
color:#ffffff;
text-decoration:none;
}
.botones a:hover{
color:#ffffff;
text-decoration:none;
}
.botones a:active{
color:#ffffff;
text-decoration:none;
}

Pero internet explorer no me hace caso, alguien sabe porque puede parme esto?

Muchas gracias por adelantado a todos

[kseso?]

ese recuadro se controla con la propiedad "outline"
añade al inicio de tu css este "minireset":

* {margin:0; padding:0; outline:none; border:0; position: relative;}

Un saludo

[David]

Prueba así:

Código css:

.botones a img {
    border: 0;
}
 

P.S.: No es necesario repetir los estilos en las pseudoclases.

[Newbie001]

Iniciado por kseso?

ese recuadro se controla con la propiedad "outline"
añade al inicio de tu css este "minireset":


Un saludo

por que darle position:relative a todo?

[Nathan_1979]

No recomiendo usar en el reseteo para todos los elementos:
position:relative;

Inncesario y peligroso.

[kseso?]

Iniciado por Newbie001

por que darle position:relative a todo?

Iniciado por Nathan_1979

No recomiendo usar en el reseteo para todos los elementos:
position:relative;

Inncesario y peligroso.

Todo lo contrario. Evitará problemas con ie y otros en ciertas situaciones, todos los elementos se comportan en un principio teniendo en cuenta la existencia de los demás, y tomando como referente su contenedor o su propia posición en el flujo del documento.
A diferencia de "position:static" permitirá usar top | right |bottom | left | si fuese necesario y lo hará respecto a su posición natural en el flujo, y si lo que se necesita es utilizar "absolute" sé que el referente será su padre.

Hay más, pero tampoco es cosa de explayarse en exceso.

Un saludo

[Newbie001]

osea que si yo tengo una pagina toda hecha con la posicion por defecto (static) y agrego * { position:relative; }

al menos en firefox todo deberia seguir igual?

[Nathan_1979]

Hola kseso?

Me guio por los gurús de CSS, si ellos no lo usan en sus hojas de estilo... yo tampoco

[alexk]

recordemos que toda posicion absoluta necesita, estar dentro de una posicion "relativa", sino flotara como "alma en pena" jeje. asi que si tienes un sitio bien implementado, no debe dar problema alguno... claro es recomendable a plicar el "reset" cuando se esta comenzando, vamos debe ser tu primera linea. si la agregas asi de la nada y tienes posiciones definidas como sea, si dara problemas obvio, hasta sin el reset daria jeje, pero bueno... yo en lo personal no lo aplico, no lo veo necesario. ya que como dices por defecto viene "position:static;" pero algunos navegadores vienen con el "relative" (como te explica kseso?) en lo personal da igual y claro depende del diseño a implementar, yo lo veo como ultimo recurso, y hasta ahora no eh tenido la necesidad, pero bueno, igual donde es necesario es cuando en tu html usas etiquetas "<sup>" superindice pero vamos en la vida lo eh necesitado, es cosa de cada quien, igual hay gente que prefiere no usar reset y tener codigos enormes, chao y suerte!...

EDITO: Nathan_1979 tus "gurús" tienen hojas de estilo de 300kbs o mas, y aveces mas de una jeje... se hizo para ahorar codigo de una manera casi universal, no por gusto o placer chao!...

[Nathan_1979]

Iniciado por alexk

EDITO: Nathan_1979 tus "gurús" tienen hojas de estilo de 300kbs o mas, y aveces mas de una jeje... se hizo para ahorrar codigo de una manera casi universal, no por gusto o placer chao!...

Dije que no usan en sus "reset" la propiedad y valor: position:relative, sino solo cuando es conveniente.

[alexk]

entendí mal jeje....

[unos11]

Muchas gracias a todos por buestras respuestas

Todo solucionado con el "minireset" de kseso?

[kseso?]

Pues nada, Unos11, eso era lo que buscábamos todos, ayudarte. No alegramos.

Y sobre el tema la incluir "position:relative" en el reset, aquí un ejemplo de un problema (o un no-problema) que no se hubiese presentado de haberla utilizado.
Es sólo un apunte final sin ánimo de polemizar sobre si se debe o no incluir, cada cual tiene sus cosillas.

Un saludo