Foros del Web » Creando para Internet » CSS »

background image cliqueable

Estas en el tema de background image cliqueable en el foro de CSS en Foros del Web. Hay alguna forma de hacer que las background images puedan ser clikeables? miren: www.galoyher.com tengo el menú abajo con los iconos pero los iconos no ...
  #1 (permalink)  
Antiguo 10/09/2012, 09:20
 
Fecha de Ingreso: octubre-2010
Mensajes: 45
Antigüedad: 13 años, 6 meses
Puntos: 2
background image cliqueable

Hay alguna forma de hacer que las background images puedan ser clikeables?
miren: www.galoyher.com
tengo el menú abajo con los iconos pero los iconos no se tocan, solo el texto. hay alguna forma de arreglar eso?
  #2 (permalink)  
Antiguo 10/09/2012, 12:14
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 11 años, 9 meses
Puntos: 86
Respuesta: background image cliqueable

inserta en el contenedor de la imagen background una imagen transparente y dale la url de tu texto
__________________
Saludos!
----------------------------------------------------------
  #3 (permalink)  
Antiguo 10/09/2012, 12:36
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: background image cliqueable

Esta consulta está relacionada con una consulta tuya anterior.
No puedo ayudarte ahora, pero cuando regrese de trabajar te doy una mano.
Algo rápido es que debes declarar al enlace <a> las siguientes propiedades css:
Código CSS:
Ver original
  1. #nav a{display:block;
  2. height:200px;
  3. }

La idea es que el enlace cubra la imagen de fondo, con lo cual cuando pasas el mouse sobre la misma en realidad estás pasando sobre el enlace también. Y para asegurarte tambien convierte el <li> a elemento de bloque con display:block.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 10/09/2012, 12:37
 
Fecha de Ingreso: octubre-2010
Mensajes: 45
Antigüedad: 13 años, 6 meses
Puntos: 2
Respuesta: background image cliqueable

me lo podés explicar de nuevo que no entendí?

más simple... no se puede poner un background image a los elementos a?? porque yo le estoy poniendo la background image a los li si ven el codigo fuente

lo estoy intentando pero no me aparece la imagen cuando se la pongo a los elementos a
alguna ayudita? estoy super estancado :(


C2am. justo posteamos al mismo tiempo. voy a intentar lo que me dijiste y cuento como me fue
  #5 (permalink)  
Antiguo 10/09/2012, 12:44
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: background image cliqueable

Agrega el codigo que te puse en el estilo que está en tu web. lo probe en ella, y funciona.

Piensa en cajas:
Tienes una caja llamada <li> que tiene un fondo (tu imagen). Dicha caja mide x alto, y ancho.
Luego tienes algo dentro de la caja, <a>, siendo su tamaño mucho menor, entonces lo que haces es convertir ese elemento (display:block), y le das las dimensiones necesarias para que ocupe todo el espacio dentro de la caja, es decir haces que el enlace <a> tenga la misma altura que la caja, y el mismo ancho.
Eso es todo
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 11/09/2012, 08:54
 
Fecha de Ingreso: octubre-2010
Mensajes: 45
Antigüedad: 13 años, 6 meses
Puntos: 2
Respuesta: background image cliqueable

Lo entendí y me sirvio :)
ya se puede ver en la web que funciona de 10
MIL GRACIAS :)

Etiquetas: image, fondo
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 17:49.