Comentarios en: El contorno de la discordia

Por: elandy2009

elandy2009 — Sat, 19 Jun 2010 19:11:52 +0000

Si todavía quieren quitar el outline, deberán asignar un estilo al focus de los enlaces. Así garantizarán la navegación por los links con el teclado (tecla tab), por ejemplo:

a:active,a:focus {outline:0;color:red}

para que al hacer foco al link, cambie de color. acá hay otro:

a:active,a:focus {outline:0;background:yellow}

en este caso, el fondo del link se vuelve amarillo

Por: Daniel

Daniel — Thu, 04 Sep 2008 21:49:11 +0000

Yo tenia entendido que no estamos hablando de un borde cualquiera, se trata de una propiedad de CSS y no aparece solo en IExplorer y FF. Pienso que Bruno tiene razón es un poco delicado y hay que ser selectivos (específicos) de donde quitarlo pues si se quita en formularios se pierde el enfoque que esta propiedad proporciona al navegar con teclado, saludos.

PD: IE 6 ignora por completo esta propiedad.

Por: Andev

Andev — Wed, 11 Jun 2008 22:46:48 +0000

Gracias por el dato, pero una consulta como desaparesco el borde negro del solo sucede en ie

Gracias de antemano por la respuesta

Por: » CSS Reseter | CSSLab

» CSS Reseter | CSSLab — Thu, 08 Nov 2007 13:12:13 +0000

[...] Esto ya lo había mencionado en el artículo El contorno de la discordia. [...]

Por: isaacDM

isaacDM — Fri, 02 Nov 2007 19:12:53 +0000

Solo una añadidura mas, el mejor método para esquivar esa “proteccion” no es el Active Content de Adobe, es mejor swfObject, ligero, con mas opciones, y ejemplos para todo tipo de uso de flash

http://blog.deconcept.com/swfobject/

SAlu2 jorge!!!

Por: CSSLab Admin

CSSLab Admin — Tue, 23 Oct 2007 12:33:59 +0000

Eduardo, ese contorno es con windows y IE..... lo pone para 'proteger' al usuario de aplicaciones q no son suyas, por lo tanto no pueden responder por su seguridad. Lee desde Adobe Active Content sobre ello.

Por: Eduardo

Eduardo — Tue, 23 Oct 2007 00:52:41 +0000

Holas, bueno el dato eh.. pero tengo una consulta.. mi problema es con IE (Internet Explorer) veras cuando subo una animacion flash y lo publico con Dreamweaver a la hora de verlo.. me aparece un condenado borde punteado rodeando la animacion.. y aunk me mato buscando soluciones no las encuentro… pliss alguien ayudemee

mi correo es: prinxbmw_e@hotmail.com

Por: Tamy1923

Tamy1923 — Sun, 14 Oct 2007 03:48:04 +0000

Muchisimas gracias por este pequeño truco…no sabia como hacerlo…

Gracias, te pasaste!!!

Por: Bruno

Bruno — Mon, 09 Jul 2007 11:15:29 +0000

Accesiblemente hablando creo que es contraproducente eliminar el outline de los enlaces. Ya que imposibilitas a la gente que está obligada a navegar mediante teclado (convencional o no) y que usa el tabulador para posicionarse en los enlaces, ya que no saben en cual están posicionados en ese momento, ni pueden ver que hace cuando pulsan “tab”.

Además firefox interpreta perfectamente el outline siguiendo el modelo de caja. En los ejemplos que pones tienes definidos los enlaces como bloque, haciendo que ocupen todo el ancho del contenedor, y así los interpreta ff.

Tampoco están definidos en el hover, es cosa del sistema operativo que uses, igual que los scrolls.

Pero si quieres eliminar el efecto “antiestetico” del outline por defecto en los enlaces en bloque, te sugiero quitarlo del a:active{outline:none} no del a general. Así lo quitas para usuarios que pinchan con el mouse pero no para los que navegan con teclado.

Un saludo.

Por: Carlos C

Carlos C — Mon, 04 Jun 2007 23:54:41 +0000

Con respecto a lo que decia Rude sobre la accesibilidad, Outline no necesariamente la afecta. Esta propiedad sirve escencialmente para quienes tienen problemas en la vista. Por ejemplo si quiseramos usarla correctamente deberíamos utilizarla de la siguiente forma: :focus { outline: thick solid black } . Ahora para que estamos con cosas, sabemos que muchos no utilizaremos el outline de esa forma porque no se vería bien con el diseño… y la linea punteada que trae por defecto Outline no ayuda a ver mejor. Por mi es mejor eliminarla a no ser que la ocupemos como corresponde.