HTMLeando: para desarrolladores Web

Pregunta


¿Cómo eliminar el foco de un elemento mediante CSS? 

Responder esta pregunta por dudin el 2009-04-03
El caso es que estoy usando sprites CSS en unas cuantas imágenes que tienen enlaces, por ejemplo:
#logo {
	position:absolute;
	left: 10px;
	top: 22px;
	text-decoration: none;
	background-position: 0 0 ;
	height: 28px;
	width: 237px;
	text-indent: -1000px;
	display: block;
}

Pero en el navegador Mozilla Firefox al clickear sobre ellas el foco se extiende hacia el extremo izquierdo de la pantalla, ocupando un área mucho mayor al del elemento, cosa que no se ve muy bien. Todo parece indicar que lo causa la propiedad text-indent que es usada para correr el texto.
<a id="logo" accesskey="1" href="/" title="Mi Logo">Mi Logo</a>

Respuestas

Thumb_up
Thumb_down

0%
0%
Para ocultar los bordes de los enlaces activos:
a#logo:focus {
	outline: none;
}

Aunque posee el inconvenite de que el quitar esos bordes va en contra de la accesibilidad.
Fuentes:
- http://csscreator.com/node/34229
- http://www.davidbarredo.com/blog/consejos-css-en-una-linea/
por Anónimo el 2009-04-03

Anónimo:   Entrar


Consejo: Sé tan específico y descriptivo como puedas. Comparte tu experiencia personal o tus conocimientos.
Puedes investigar para completar tu respuesta.

Puedes poner directamente trozos de código usando las etiquetas [code=php] y [/code] o incrustar desde Snipplr.com [snippet=id_snippet]

Compartir: WebeameMeneame Delicious Digg

Preguntas relacionadas