Re: [Ovillo] Enlazar imagen de fond o de una capa o la capa misma ¿cómo?

2005-12-02 Por tema Manuel González Noriega
On 02/12/05, Carlos [EMAIL PROTECTED] wrote:
 Para resolver el problema he usado la solución que  me dió Choan, sólo 
 añadiendo una etiqueta span en un enlace que tenía a  la página de inicio.
   Lo de poner la cabecera como imagen de fondo lo hago porque es el  método 
 que más he visto por Internet (sobre todo en csszengarden; lo  que he 
 aprendido ahí y lo que me queda :D). Gracias por el consejo.

Hay que tener en cuenta que el Garden es lo que es. Un experiemento
para forzar al máximo las capacidades de estilado. No es la última
palabra en mejores prácticas, desde luego.

Yo creo, como dice Jorge,  que en la mayoria de los casos la imagen
debe ir directamente en un elemento img y te ahorras muchos
problemas al mismo tiempo que mantienes una semántica impecable.

--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia,
experiencia y comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65

¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net
___
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] Enlazar imagen de fond o de una capa o la capa misma ¿cómo?

2005-12-01 Por tema Christian Roque
yo lo hago asi
html

h1
a href=/
Titulo principal que a la vez es un enlace
/a
/h1


CSS

h1{
width:780px; /* ancho de tu imagen */
height: 200px; /* alto de tu imagen */
background-image: url(logo.jpg); /*imgen que pones de fondo y que
reemplaza al texto */
}
h1 a{
display:block; /* lo muestras en bloque para darle al ancho y alto
total de la imagen */
width: 100%;
height: 100%;
text-decoration: none;
text-indent: -1px; /* retiro el texto */
}


El día 1/12/05, Carlos [EMAIL PROTECTED] escribió:

 Para resolver el problema he usado la solución que  me dió Choan, sólo
 añadiendo una etiqueta span en un enlace que tenía a  la página de inicio.
   Lo de poner la cabecera como imagen de fondo lo hago porque es
 el  método que más he visto por Internet (sobre todo en csszengarden;
 lo  que he aprendido ahí y lo que me queda :D). Gracias por el consejo.

   Si quieres hechar un vistazo a la web es esta http://www.carlosgo.com.
 Aunque aún no hay mucho contenido.

 Jorge Rumoroso [EMAIL PROTECTED] escribió:  No he visto tu web por
 lo que tal vez lo que yo te diga esté fuera de lugar.
 Yo valoraría que si esa capa es la cabecera, tal vez si que transmita
 información, con lo que tal vez si se debería usar la imagen con la
 etiqueta
 img introduciéndola en el código y usarla con enlace. Quizás fuese así
 una
 forma de transmitir información adicional en la web, al incluir el alt
 de
 la imagen. Además, así no tendrías que molestarte en introducir etiquetas
 extra que tal vez afeen el código.
 Vuelvo a insistir en que al no conocer tu caso, tal vez mi enfoque no sea
 el
 correcto.
 Un saludo

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Choan C. Gálvez
 Enviado el: jueves, 01 de diciembre de 2005 16:25
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma
 ¿cómo?

 Carlos wrote:
  Tengo en mi web un div con una imagende  fondo (la cabecera de la
  página) y quiero que actue como un enlace a la  página de inicio.
  Puedo hacerlo si javascript? Hay algún método o truco  para hacerlo?
  Seguro que será muy simple hacerlo pero no tengo ni idea.
 
  P.D.: La capa sólo tiene la imagen de fondo y no quiero poner, en la
  medida de lo posible, un tag img.

 Sí, la hay, pero alguna etiqueta sí que tendrás que usar.

 Si mal no recuerdo, en tu web hay un enlace a la página de inicio...

 Puedes utilizar este marcado (que incluye un `span` tonto pero muy útil):

 Inicio

 Y este estilo

 #lnkHome span {
   position: absolute;
   top: lo-que-sea;
   left: lo-que-sea;
   width: lo-que-sea;
   height: lo-que-sea;
 }

 para situar el `span` **sobre** la cabecera. Como ya forma parte del
 enlace, actuará como enlace.

 Salud,
 Choan

 ___
 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




 Visita mi web: http://www.carlosgo.com


 -

 Correo Yahoo!
 Comprueba qué es nuevo, aquí
 http://correo.yahoo.es
 ___
 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




--
Christian RoQue G.
___
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