Re: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
El jue, 01-12-2005 a las 16:24 +0100, Choan C. Gálvez escribió:
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):
a href=/ id=lnkHomeIniciospan/span/a
Choan, para evitar el uso de la etiqueta vacia span, puedes recurrir al
siguiente metodo:
h1a href=# title=# hreflang=# rel=bookmarkTitulo/a/h1
En CSS podrias hacer algo asi:
h1 a:link{
display: block;
width: XXXpx; /* ancho en px de la imagen */
padding-top: XXXpx; /* alto de la imagen */
background: url(path.png) 0 0 no-repeat;
/* La magia de ocultar el texto */
height: 0;
overflow: hidden;
}
Fuente: http://moronicbajebus.com/playground/cssplay/image-replacement/
Un saludo:
--
Milton Mazzarri, a.k.a. [MilMazz]
Usuario de GNU/Linux: #369158
Ubuntu Linux
http://www.milmazz.com
http://ubuntuchannel.org
___
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
[Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
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. 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
Re: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
Entonces debo crear una especie de extensión del enlace que está en el menú
(con el span vacío) y colocarlo justo encima de la cabecera con el mismo
tamaño que esta.
Gracias por la ayuda Chona, probaré a ver como queda.
Choan C. Gálvez [EMAIL PROTECTED] escribió: 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
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
RE: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
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):
a href=/ id=lnkHomeIniciospan/span/a
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
RE: [Ovillo] Enlazar imagen de fondo de una capa o la capa misma ¿cómo?
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
