Como saco el recuadro de imagen cuando son links ?

[Rodre]

Tengo una imagen como link. Los bordes que aparecen cuando el link está sin seleccionar ya los saqué, con border: none. El tema es que firefox genera un recuadro muy finito de linea punteada, cuando el link es clickeado. Que es distinto cuando se clickea por primera vez a cuando se lo ve después.

Alguien sabe ?

[trasgukabi]

creo que con a:visited

[Mikmoro]

Debes añadirle outline: 0; (al enlace en la CSS)

[MasterXNicoX]

También podes ponerle un "border="0" luego del título de tu imágen o de su texto alternativo...

Por ejemplo:
<img src="imagen.png" alt="Logo" title="MiLogo" border="0" />

[trasgukabi]

mejor <img src="imagen.png" alt="Logo" title="MiLogo" style="border:none" />

[Mikmoro]

Se os ha ido esta parte a los dos:

Iniciado por Rodre

El tema es que firefox genera un recuadro muy finito de linea punteada, cuando el link es clickeado.

Está hablando del outline, no del borde de la imagen, ni del link.

[McPinkY18]

se soluciona con la propiedad outline:0;

MikMoro e aprendido muchos de tus respuestas y tips XD

[MasterXNicoX]

Yo aun sigo aprendiendo de él ^^

[Rodre]

Lo habíia solucionado haciendo el enlace con JS. Pero muy buen dato Mik. Gracias.

[Aresillo]

En primer lugar, Mik eres un genio!
En segundo... no puedo hacerlo aquí: (en la imagen de la lupa del buscador)
http://www.emdma.com/FdW/kersv2/kers.html

Ya está puesto para todos los img a {}, pero no me funciona...

Aresillo!!

[Mikmoro]

Pues no, yo creo que no se le puede quitar a un input tipo submit, o al menos yo no sé cómo, así que menos genio, compañero

[sweetlydark]

Ese recuadro esta allí por reglas de accesibilidad, para que personas que no pueden usar el mouse, puede aun acceder los elementos de tu pagina. Por lo tanto sin no molesta mucho es mejor dejarlo.

Eso dicho puedes usar:

Código:

<input type="submit" onfocus="this.blur();" value="Buscar">

para inputs o

Código:

a:focus{outline: none;}

para links.

[Mikmoro]

Iniciado por sweetlydark

Ese recuadro esta allí por reglas de accesibilidad, para que personas que no pueden usar el mouse, puede aun acceder los elementos de tu pagina. Por lo tanto sin no molesta mucho es mejor dejarlo.

No obstante, un input tipo submit por defecto sufre también otra transformación en sus bordes al recibir el foco , por lo que el mantener el outline no es imprescindible, o mejor digamos tan imprescindible o no como en cualquier otro elemento.
En este caso concreto Aresillo pregunta específicamente por el submit.

[Aresillo]

Y con ese código que pones no funciona...he estado probando y buscando por internet pero nada...

Aresillo!!

[sweetlydark]

Iniciado por Aresillo

Y con ese código que pones no funciona...he estado probando y buscando por internet pero nada...

Aresillo!!

De veras? hiciste:

Código:

<input type="submit" id="imgbusq" name="imgbusq" onfocus="this.blur();" value=""/>

Por que en el imagen que hice de tu pagina me funciono. A lo mejor necesitas limpiar el cache? O aveces tienes que esperar un rato para que actualice la pagina.

[Mikmoro]

Yo creo que al menos en firefox no funciona. No estoy seguro al 100%, pero creo que no.

[sweetlydark]

Si funciona en firefox porque es el navegador que uso de preferencia y ahora acabo de hacer la prueba en IE (se me colo :P) y funciona.

Que pasara?

[Mikmoro]

Quizá no estemos hablando de lo mismo. Pon el código que sí te funciona (completo) y así lo podemos comprobar.

[Aresillo]

Exactamente este código no lo he puesto...
onfocus="this.blur();"
Y ahora no estoy en mi ordenador...así que no puedo probarlo pero... esto no es javascript? (Desde la ignorancia...)

Aresillo!!

[sweetlydark]

Si lo es pero hasta lo que yo conosco, asi es como unico lo puedes hacer.

[Mikmoro]

Sí, sí funciona. Desgraciadamente es javascript y podría no estar activado, pero con él activado funciona. Algo debí hacer mal al comprobarlo.

[joaco07]

lo q t aparece no es el recuadro de la imagen ni el link sino q es un outline

[Aresillo]

ya joaco, eso ya lo decía Mikmoro unas cuantas líneas más arriba...
Si no es css, no utilizo javascript que me falla la accesiblidad! Pero muchas gracias sweetlydark por la información...
De todas formas, decir que eso de quitar el outline, que según parece está muy de moda, rompe con la accesibilidad y la navegación con teclado...no?

Aresillo!!

[Mikmoro]

Iniciado por Aresillo

De todas formas, decir que eso de quitar el outline, que según parece está muy de moda, rompe con la accesibilidad y la navegación con teclado...no?

Como decía, no tanto. Lo que sí hay que preocuparse es de que cuando un enlace tenga el foco (focus en casi todos, active en IE), el cambio sea evidente. Por ejemplo, casi todo el mundo hace cambios al pasar el ratón (:hover), pero suele olvidar repetirlos al recibir el foco.
Si lo haces, sería más que suficiente, sin la necesidad de ese generalmente molesto y antiestético cuadro guionado.

[Mikmoro]

Iniciado por joaco07

lo q t aparece no es el recuadro de la imagen ni el link sino q es un outline

Creo que llegas un poco tarde. Deberías leer desde el principio.

[Aresillo]

Osea que si me preocupo de poner siempre un focus, no hay problema..

GRACIAS!

Aresillo!!

[sweetlydark]

Iniciado por Aresillo

Osea que si me preocupo de poner siempre un focus, no hay problema..

GRACIAS!

Aresillo!!

Si, Mikmoro esta correcto. Despues que haga eso todo esta bien.

[Mikmoro]

Active (IE), focus (resto). No lo olvides.

[Aresillo]

Apuntado!

GRACIAS!

Aresillo!!