[Ovillo] reemplazamiento de imagen

2006-04-18 Por tema Mateo Montoto
Hola

 

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 ?

¿ Podría considerar que tiene contenido y poner la imagen en el html ?

 

Gracias

___
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


Re: [Ovillo] reemplazamiento de imagen

2006-04-18 Por tema carlos campderrós
On 4/18/06, Mateo Montoto [EMAIL PROTECTED] wrote:

 Hola

 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 ?


con los atributos alt y title de la imagen: img src=arroba.gif
alt=arroba title=contacto

¿ Podría considerar que tiene contenido y poner la imagen en el html ?


sin duda

Gracias


de nada

--
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


Re: [Ovillo] reemplazamiento de imagen

2006-04-18 Por tema Mateo Montoto
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...¿?
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?

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós
Enviado el: martes, 18 de abril de 2006 16:25
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] reemplazamiento de imagen

On 4/18/06, Mateo Montoto [EMAIL PROTECTED] wrote:

 Hola

 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 ?


con los atributos alt y title de la imagen: img src=arroba.gif
alt=arroba title=contacto

¿ Podría considerar que tiene contenido y poner la imagen en el html ?


sin duda

Gracias


de nada

--
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


Re: [Ovillo] reemplazamiento de imagen

2006-04-18 Por tema carlos campderrós
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=contactoa href=contacto.htmlspanContacto/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


Re: [Ovillo] reemplazamiento de imagen

2006-04-18 Por tema Mikercito
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=arrobaContactospan/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=arrobaContactospan/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=contactoa href=contacto.htmlspanContacto/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


Re: [Ovillo] reemplazamiento de imagen

2006-04-18 Por tema carlos campderrós
On 4/18/06, Mikercito [EMAIL PROTECTED] wrote:

 Prefiero
  //blabla
 por lucir mejor ordenado, utilizar menos código y ser bastante práctico..

 Más aun.. la codificación CSS que propones es copiosa

 //blabla

 Al margen que no es funcional.


bueno, lo utiliza para dos cosas diferentes. yo simplemente creía que la
arroba era para sustituir un enlace pero era para un encabezado. de forma
similar a la mia se podría quedar con:

h2spancontacto/span/h2

#h2 span {display: none;}
#h2 {width: 100px; height: 100px; background-image: url(arroba.gif); }

esa es la técnica que utilizan en el diseño por defecto del csszengarden y
me parece buena y sencilla. eso sí, están los problemas que antes comenté,
el css sin imágenes y la impresión de la página (mira la presentación
preliminar del csszengarden a ver si te gusta como queda). Obviamente hay q
pensar en si nos importa o no el impacto q vaya a tener y actuar en
consecuencia.

yo prefiero

h2img src=arroba.gif alt='contacto' title='contacto'/h2

con un mal uso del elemento alt, y, aunq nos puede romper un poco las
bondades del css y separación de diseño y contenido, cambiar esta imagen no
debería costar mucho.

en fin, que hay dos soluciones similares, con pros y contras cada una.
meterlos en la balanza y a ver que prefiere cada uno de nosotros : )


--
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


Re: [Ovillo] reemplazamiento de imagen

2006-04-18 Por tema carlos campderrós
On 4/18/06, carlos campderrós [EMAIL PROTECTED] wrote:

 esa es la técnica que utilizan en el diseño por defecto del csszengarden y
 me parece buena y sencilla. eso sí, están los problemas que antes comenté,
 el css sin imágenes y la impresión de la página (mira la presentación
 preliminar del csszengarden a ver si te gusta como queda).


no había pensado q el problema de la impresión se puede solucionar con una
hoja de estilo para impresión.

--
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