Foros del Web - link en css

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - link en css (http://www.forosdelweb.com/f53/link-css-548716/)

mancemo

16/01/2008 09:48

link en css

buenos dias a todos

tengo el siguiente estilo

Código:

#header_logo {

        width: 98px;

        height: 139px;

        background: url(images/logo.jpg) no-repeat 0 0;

}

mi problema radica en que a esa imagen de fondo del estilo necesito ponerle un link a una pagina, y no se si esto se pueda en css.

agradezco la colaboracion.

Raulmmmm

16/01/2008 11:45

Re: link en css

Puedes poner:
#header_logo a{
display:block;
width:100%;
height: 100%;
}
Y en el HTML:
<div id="header_logo">
<a href="tupagina.html"></a>
</div>

Saludos :adios:

metacortex

16/01/2008 14:02

Re: link en css

Creo que mejor es de esta forma:

Código:

#header_logo {

        width: 98px;

        height: 139px;

        background: url(images/logo.jpg) no-repeat 0 0;

}
 

#header_logo h1 a {

        width: 98px;

        height: 139px;

        text-indent: -5000px;

        display: block;

}

Código HTML:

<div id="header_logo">

        <h1><a href="www.talcosa.com">Aquí va tu título</a></h1>
 </div>

hades87

16/01/2008 14:24

Re: link en css

para que sirve text-indent y de que sirve convertir las divs en bloques?

^^

webxedo

16/01/2008 15:12

Re: link en css

Cita:

Iniciado por hades87 (Mensaje 2251165)

para que sirve text-indent y de que sirve convertir las divs en bloques?

Pues el text-indent sirve para que no muestre el texto, ya que la imagen ocupará ese lugar.

Aunque el h1 ya es un bloque por defecto, se pone al anchor para que todo se convierta en bloque para no tener incompatibilidades con los navegadores.

Saludos :arriba:

hades87

16/01/2008 15:18

Re: link en css

y al tratar las cosas como bloques que es como si fueran imágenes?

La zona horaria es GMT -6. Ahora son las 17:59.