Botones hechos con Listas: vínculos que no funcionan...

Citar

Escrito el 14 Oct 2006 03:49 pm

Hola, resulta que estuve practicando el tutorial publicado en Cristalab sobre hacer botoneras a partir de listas. Justamente este:http://www.cristalab.com/tutoriales/130/crear-menus-de-navegacion-en-css-usando-listas

Todo aparenta ser fantástico, el problema, hete aquí, que los vínculos de botones no funcionan en Internet Explorer.
Simplemente aparecen en su lugar, pero no hacen ni el efecto hover ni reaccionan de ninguna manera a los desesperados clicks...

En Firefox Mozilla anda muy bien, todo como uno querría... pero no me puedo dar el lujo de discriminar a quienes lo vayan a ver en IE.

Alguien sabe como solucionar éste problema o a qué se debe?

Por Sebaslynx

237 de clabLevel

2 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Mendoza, Argentina

Citar

Escrito el 14 Oct 2006 09:20 pm

Puedes poner el código tal cual lo estás usando, porque yo hice exactamente el mismo tutorial y me funciona a la perfección tanto en Firefox como en IE.

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

Envíale un mensaje privado

Citar

Escrito el 14 Oct 2006 10:53 pm

Estuve probando nuevamente y parece ser que el error no viene asimilado a hacer los vínculos con LIST, sino, que parece ser ahora, que sucede cuando hay vínculos sobre imagenes con trasparencia.
Porque los mismos elementos, fuera del menú trasparente que hice, funcionan perfectos...
También funcionan perfetos si NO USO los filtros para trasparencia

Código :

filter: progid:DxImageTransform.Microsoft.AlphaImageLoader (src='css/header.png');

Ahora estamos más cerca de saber el problema, alguien tiene idea de la solución??

Por Sebaslynx

237 de clabLevel

2 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Mendoza, Argentina

Citar

Escrito el 15 Oct 2006 04:40 am

¿esta todo en una misma carpeta? ¿ puedes postear la parte del codigo que te da problemas ?

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino Desarrollador de GAIA

Envíale un mensaje privado

Programador y fotógrafo

@inyaka

Citar

Escrito el 16 Oct 2006 05:58 pm

¿Podrias poner un link con el ejemplo en vivo para poder dar una mejor explicación y posible solución al problema?

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 26 Oct 2006 08:13 pm

Miren un poco del código es este, por lo menos en este lugar es donde está el error. Como cosa rara, el filtro no provoca problemas con los vínculos siempre y cuando el fondo que se use no sea de más de 1 pixel de ancho o de largo (eso no da mucho margen de creatividad)

Código :

#header {
   width: 780px;
   height: 173px;
   background-image:url(header.png) !important;
   background-image:none;
   filter: none !important;
   filter: progid:DxImageTransform.Microsoft.AlphaImageLoader (src='css/header.png', sizingMethod='image');
   background-repeat:no-repeat;
}

El código hace simultáneamente que el "encabezado diseñado con tranparencias" funcione tanto para Firefox Mozilla como para Internet Explorer. Se ve bárbaro en los dos, pero sólo funciona en Mozilla (además se ve mejor).

Alguien ha dado ccon una solucción?

Por Sebaslynx

237 de clabLevel

2 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Mendoza, Argentina

Citar

Escrito el 26 Oct 2006 09:29 pm

Yo desisti de usar imagenes con transparencia alfa en ese tipo de menús. Lo que hice una vez fue hacerlo a la antigua, usar imagenes (etiqueta <img />) y aplicarles el filtro, en vez de usarlas como background, y esa fué la unica forma que logré hacerlo funcionar.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 27 Oct 2006 01:11 pm

El problema es que en IE, si aplicamos el filter los enlaces no van.

Eso me pasó y encontré una solución. Se ve que sugún el tamaño de las images con transparencia y aplicando el filter sí que fuenciona. Lo encontré por ahí.

Si pones una imagen con tranparencia de Xpíxels*Xpíxels puede que no te funcione pero si lo pones a Ypíxeles*Ypíxeles sí.
Eso es lo que ponía. Lo malo es que sirve para imágenes pequeñas.
Es lo del 1px que dices.

Por ryuz