yo lo hago asi
html
Titulo principal que a la vez es un enlace
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
