Foros del Web » Creando para Internet » CSS »

link en css

Estas en el tema de link en css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/01/2008, 09:48
 
Fecha de Ingreso: marzo-2006
Mensajes: 194
Antigüedad: 18 años, 1 mes
Puntos: 1
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.
  #2 (permalink)  
Antiguo 16/01/2008, 11:45
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
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
  #3 (permalink)  
Antiguo 16/01/2008, 14:02
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 19 años, 10 meses
Puntos: 832
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> 
  #4 (permalink)  
Antiguo 16/01/2008, 14:24
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Re: link en css

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

^^
  #5 (permalink)  
Antiguo 16/01/2008, 15:12
 
Fecha de Ingreso: enero-2008
Ubicación: #Callao {Lima:Perú;}
Mensajes: 144
Antigüedad: 16 años, 3 meses
Puntos: 7
Re: link en css

Cita:
Iniciado por hades87 Ver Mensaje
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
  #6 (permalink)  
Antiguo 16/01/2008, 15:18
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Re: link en css

y al tratar las cosas como bloques que es como si fueran imágenes?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:34.