Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 16-ene-2008, 08:48   #1 (permalink)
mancemo ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2006
Mensajes: 175
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.
mancemo está desconectado   Responder Citando
Antiguo 16-ene-2008, 10:45   #2 (permalink)
Raulmmmm tiene algunos puntos positivos de karma
 
Avatar de Raulmmmm
 
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.324
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
Raulmmmm está desconectado   Responder Citando
Antiguo 16-ene-2008, 13:02   #3 (permalink)
Moderador
metacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradablemetacortex es realmente agradable
 
Avatar de metacortex
 
Fecha de Ingreso: junio-2004
Ubicación: Venezuela
Mensajes: 6.231
Enviar un mensaje por MSN a metacortex Enviar un mensaje por Skype™ a metacortex
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>
metacortex está desconectado   Responder Citando
Antiguo 16-ene-2008, 13:24   #4 (permalink)
hades87 tiene algunos puntos positivos de karma
 
Avatar de hades87
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 1.371
Enviar un mensaje por MSN a hades87
Re: link en css

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

^^
hades87 está desconectado   Responder Citando
Antiguo 16-ene-2008, 14:12   #5 (permalink)
webxedo está en el buen camino
 
Fecha de Ingreso: enero-2008
Ubicación: #Callao {Lima:Perú;}
Mensajes: 26
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
webxedo está desconectado   Responder Citando
Antiguo 16-ene-2008, 14:18   #6 (permalink)
hades87 tiene algunos puntos positivos de karma
 
Avatar de hades87
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 1.371
Enviar un mensaje por MSN a hades87
Re: link en css

y al tratar las cosas como bloques que es como si fueran imágenes?
hades87 está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 10:35.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93