menu desplegable en IE

[marla79]

Lo estoy haciendo en DW cs3 con spry menu bar, pero, PERO en Firefox se ve de lujo y en IE muy mal (puse unos gif como botones del menú y en Firefox logré q no se viera el fondo y en IE se ven y muy mal,, encimados, en fin).
¿Alguien sabe qué puede estar pasando??

[hades87]

si pones código o imagen del menú quizás te ayudemos mejor.

[marla79]

http://www.e-nonstop.com.ar/productos_nonstop.html

Plis, me ayudan a ver qué hago mal o me recomiendan un libro??

Gracias de antemano!

[marla79]

Perdón, me olvidé de aclarar que en casa se ve una cosa, y en la web otra.



Gracias!

[juaniquillo]

¿subiste todos los archivos incluyendo las hojas css y las imágenes? parece un problema de las rutas de las imágenes.

[marla79]

Si, sabes que si, subi todo. Igual fijate q se ve de una manera en IE y de otra en Firefox.

Gracias.

[marla79]

Perdón, mi cansancio y yo pedimos mil disculpas. Se ve q ayer estaba tan pasada q no me di cuenta, hoy SI subí las imágenes y ahi, colgada en la web, está la duda.
Quisiera q pudiera verlo como en Firefox, sin esas lineas blancas tanto en el menú, como en el submenú. Quisiera verlo tal cual Firefox.

Gracias.

[juaniquillo]

este es un tema mas de css que de dreamweaver. como estás usando imágenes es mejor que le des un alto específico a los <li> para que explorer entienda mejor. Tambien le puedes quitar el ancho en confianza ya que, aunque esta perfectamente hecho con ems, lo mejor es que se quede igual debido a que no estás usando imágenes de fondo que se repitan. En pocas palabras, abre el archivo css llamado 'SpryMenuBarVertical.css' y cambia lo siguiente (acuérdate de resguardar el archivo antes):

cambia:

Código HTML:

 ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10pt;
    cursor: default;
    width: 13em;
}

por:

Código HTML:

ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10pt;
    cursor: default;
}

y tambien cambia:

Código HTML:

ul.MenuBarVertical li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 13em;
}

por:

Código HTML:

ul.MenuBarVertical li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    height:44px;
}

a mi me funciona bien en IE7. no lo probe en IE6.

[marla79]

Che no queda.
Con esos valores en IE 6 directamente no se ve el menú.
Es extraño, porq modifico algunos valores que en FF no produce nada y en IE es un desastre.

Gracias!

[juaniquillo]

que raro. a mi me funcionan. ¿cambiaste solamente los que yo te dije? puedes ver el resultado aquí:
http://juaniquillo.freehostia.com/menudeplegable/

[marla79]

Creo que esta es la última Juaquinillo,
BUeno, he logrado llega a esto:
http://www.e-nonstop.com.ar/productos_nonstop.html
que es lo más aproximado a lo que deseo. PERO el submenú se despliega perfectamente en FF pero como verás, en el IE 6 no aparece.

Gracias gracias gracias!

[juaniquillo]

pues yo no encontré nada malo con el css puede que se sea el javascript.

[marla79]

Si lo ves en IE 6 cuando te paras sobre "CAmping" debería aparecer un submenú que dice "carpas" "mochilas", etc.
Cosa que no sucede. Quizás no me expresé bien.

Saludos-

[juaniquillo]

si entendí lo que dijiste, solo que no vi nada malo con el css.

[marla79]

Me rindo. Me voy de vacaciones mañana y cuando vuelva me meteré nuevamente.
Muchas Gracias por haberme dado tanta atención.

Saludos

[juaniquillo]

No, no te rindas, aunque si te quieres tomar un descanso pues adelante. Yo pienso que lo mejor sería hacerlo de nuevo desde cero. Bueno, que la pases bien en tus vacaciones.