Prefiero
#contacto span { display: none; }
#contacto a {
width: 100px; height: 100px; display: block;
background-image: url("arroba.gif");
}
por lucir mejor ordenado, utilizar menos código y ser bastante práctico..
Más aun.. la codificación CSS que propones es copiosa
#arroba {
margin:0; padding:0;
position:relative;
width:100px; height:100px;
overflow:hidden;
}
#arroba span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:100px; height:100px;
margin:0; padding:0;
background:url("arroba.gif") top left no-repeat;
}
<h2 id="arroba">Contacto<span></span></h2>
Al margen que no es funcional.
----------------------------
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.com
http://www.pixelperu.net
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipBuster: pixelperu
SKYPE ID: pixelperu
----- Original Message -----
From: "Mateo Montoto" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Tuesday, April 18, 2006 10:15 AM
Subject: Re: [Ovillo] reemplazamiento de imagen
¿alguién conoce otra manera un "puquitín" mejor...que la de Carlos
Desconcierto?
Esta sería una solución mejor aunque parecida:
#arroba {
margin:0; padding:0;
position:relative;
width:100px; height:100px;
overflow:hidden;
}
#arroba span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:100px; height:100px;
margin:0; padding:0;
background:url("arroba.gif") top left no-repeat;
}
<h2 id="arroba">Contacto<span></span></h2>
-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de carlos campderrós
Enviado el: martes, 18 de abril de 2006 16:57
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] reemplazamiento de imagen
On 4/18/06, Mateo Montoto <[EMAIL PROTECTED]> wrote:
>
> Voy a suponer que me expresado mal en mi mensaje o que no se expresarme ya
> que como puedo ver quien me contesto es muy inteligente.
> Cuando preguntaba:
> > Voy a sustituir el item contacto de mi menú de navegación por un .gif de
> > una arroba...¿ De que manera podría hacerlo más accesible ?
> Estaba preguntado por el reemplazo de texto por una imagen por medio de
> css para no tener que incluirla como contenido...¿?
bueno, entonces... quieres hacer algo así?
<div id="contacto"><a href="contacto.html"><span>Contacto</span></a></div> y
en el css:
#contacto span { display: none; }
#contacto a { width: 100px; height: 100px; display: block; background-image:
url("arroba.gif");}
en ese caso, no puedes poner ni alt ni title a la imagen, y podría presentar
problemas en escenarios con css pero sin imágenes (vale, escenario raro,
pero podría suceder). Además, en la impresión de la página, en navegadores
con soporte de css, no se verá nada, ni el texto ni la imagen, puesto que
los navegadores por defecto no imprimen los colores e imágenes de fondo, y
eso no lo podrás cambiar.
si pones la imagen en el html, no tendrás ninguno de estos problemas.
Y respecto a la respuesta:
> con los atributos alt y title de la imagen: <img src="arroba.gif"
> alt="arroba" title="contacto">
> ¿el nombre de ese alt realmente te parece realmente accesible?
bueno, la costumbre hace que parezca raro, pero el 'alt' sirve para
especificar contenido idéntico y alternativo a la imágen q representa. Si la
imagen lo único q muestra es una arroba, su alt debería ser 'arroba' o '@'.
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
