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?
| |||
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? |
| ||||
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 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-- |
| |||
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 |
| ||||
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-- |
Etiquetas: |