Comunidad de diseño web y desarrollo en internet online

Problemas con CSS y IE

Citar            
MensajeEscrito el 01 Dic 2005 03:12 pm
Hola a todos...
Tengo un problemilla con un menú desplegable hecho con CSS.
He estado mirando los tutoriales y algunos temas referentes a eso aquí,pero sigo sin solucionar el problema de que con IE no se ve.

En esta web :http://www.mu4us.com/prueba2.html , al editarla en Dreamweaver me sale un pantalla de error,como con la mayoría de desplegables en CSS (listmatic,etc)

Desesperadita ya!!

¿Dónde puedo encontrar información sobre menús desplegables con CSS que sean compatibles con todos los navegadores?

Gracias!!

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Dic 2005 03:27 pm
Hola!! Fijate en www.alistapart.com, allí hay cosas muy interesantes. Para ver menúes desplegables, aquí tienen artículos muy interesantes:

http://www.alistapart.com/articles/horizdropdowns/
http://www.alistapart.com/articles/dropdowns/

Eso si, están en inglés.

:D

Por Elke

321 de clabLevel



 

La Ciudad de la Furia

firefox
Citar            
MensajeEscrito el 01 Dic 2005 04:46 pm
Hola Elke!!
Gracias por el consejo
Esas webs ya las he mirado...(tengo la impresión de haber visitado miles de css!!) y sin embargo me sigue dando problemas con el explorer.
Algo haré mal que se me descuadra....

Seguiré intentándolo!!!
;)

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Dic 2005 04:54 pm
Zumita, a mi me ha pasado lo mismo, miraba y miraba y no daba con los errores del maldito IE. Un error muy comun (y dificil de ver) es que muchos elementos html con IE tienen margenes y paddings predefinidos que hacen que se te descuadren, te aconsejo que le pongas margin:0px; y padding:0px; incluso a las etiqueras <form> o te volveras loca, mucha suerte!

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 01 Dic 2005 04:56 pm

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Dic 2005 04:58 pm
Muchas gracias Capt.Mahou... voy a probarlo a ver si por fin consigo un menú decente...

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Dic 2005 05:02 pm
De nada, espero que te sirva... Por cierto, he estado ojeando la web y tiene muy buena pinta te felicito. Si me permites una pequeña sugerencia sobre diseño... Es que veo que la web es muy clara, y a mi me resulta poco "atractiva" de atraccion, no me dice lo que me tendria que decir la web al mirarla. Podrias probar colores de texto mas oscuros o cambiar el azul cielo por blanco y el blanco por azul cielo... Solo es una sugerencia mia, bueno nada mas ^^

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 01 Dic 2005 05:16 pm
Gracias Capt. pero la web no es mia, es una web de referencia para, en teoría, eliminar los problemas que dan los menús con css en el explorer....

He intentado lo del margen y el relleno pero sogue sin funcionar... :(

Por ponerlo, os dejo el css de esa web, por si alguien ve algo por lo que en IE no salga el desplegable...

Gracias de nuevo!!
Seguiremos currando en ello

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Dic 2005 05:17 pm

Código :

body {
        font: normal 11px verdana;
        }

ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 150px; /* Width of Menu Items */
        border-bottom: 1px solid #ccc;
        }

ul li {
        position: relative;
        }
        
li ul {
        position: absolute;
        left: 149px; /* Set 1px less than menu width */
        top: 0;
        display: none;
        }

/* Styles for Menu Items */
ul li a {
        display: block;
        text-decoration: none;
        color: #777;
        background: #fff;
        padding: 5px;
        border: 1px solid #ccc; /* IE6 Bug */
        border-bottom: 0;
        }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
                
li:hover ul { display: block; } /*  The magic */

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Dic 2005 05:41 pm

Por Elke

321 de clabLevel



 

La Ciudad de la Furia

firefox
Citar            
MensajeEscrito el 03 Dic 2005 02:46 pm
Elke: He visto el tutorial pero creo que falta la parte de javascript y por eso no me sale lo que yo quiero...
Ya se lo he preguntado al autor de tutorial,pero os lo pregunto tb a vosotros: yo al pinchar en el link del tutorial para ver el ejemplo no veo nada...ni con IE ni con Firefox

Creo que ya me he vuelto loca del todo!!!!!

Besitos

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Dic 2005 04:04 pm
zumita, ¿entiendes ese código?

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 03 Dic 2005 04:08 pm
pedro: entiendo tanto el html como el css..y si no recuerdo mal, en el html tiene un vínculo a una página css (efecto.css) que es el código que ha dejado, y luego está el vínculo a un archivo de javascript (efecto.js) y es ese archivo el que no veo por ningún lado

pùede ser que ya a estas alturas se me vaya la olla...pero no lo veo...

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Dic 2005 04:11 pm

zumita escribió:

pedro: entiendo tanto el html como el css..y si no recuerdo mal, en el html tiene un vínculo a una página css (efecto.css) que es el código que ha dejado, y luego está el vínculo a un archivo de javascript (efecto.js) y es ese archivo el que no veo por ningún lado...
Entonces, lo que toca es hacerlo ¿no?

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 03 Dic 2005 04:18 pm
pedro perdóname, llevo una semana infernal tratando de averiguar como se hace un menú desplegable con css, con o sin javascript.No pretendo entender el código generado de un js,sólo me gustaría saber como o donde puedo encontrar un menú desplegable compatible con todos los navegadores, o al menos con los 2 principales.
si supiera hacer un js no estaría aquí molestandoos a todos para tratar de averiguar cómo se consigue

gracias de todas formas

Por zumita

15 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Dic 2005 05:42 pm
Entonces busca en el foro... ya Neo_JP ha dejado VARIAS VECES los enlaces para saber dónde encontrar lo que buscas... ¬_¬

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 03 Dic 2005 06:00 pm
He visto esto prueba2.html, y está bien hecho, solo que IE obviamente no soporta bien el :hover, solo lo hace con las etiquetas <a> (será resuelto en IE7).

Para que funcione bien, debes usar un script que emule eso en IE, puedes probar el suckerfish, deberá ayudarte en lo que necesitas y buscas.

Saludos.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.