Comunidad de diseño web y desarrollo en internet online

Menu desplegable en Interenet Explorer

Citar            
MensajeEscrito el 22 Feb 2007 12:10 am
Hola,he hecho un menu desplegable con CSS y no se me ve en Interenet Explorer...necesito una solucion urgente plissss...si alguien me aconsejara que hacer se los agredeceria.
les pongo el CSS que use de un ejemplo que me recomendaron ustedes

ul { /* all lists */
padding: 0;
/*margin: 0;*/
width: 89px;

}

li { /* all list items */
float: left;
/*position: relative;*/
width: 90px;list-style:none;

}

li ul { /* second-level lists */
display: none;
/*position: absolute;*/
/*top: 1em;
/*left: 0;*/
text-decoration:none;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block; background-color:#DFE5DB;
}

li:visited{font-weight:bold;
color:#990000; background-color:#DFE5DB;}

Por tabarich

30 de clabLevel



 

Cuba

firefox
Citar            
MensajeEscrito el 22 Feb 2007 07:54 am
Link de la pagina y pone los codigos en [code] ;)

Por Breath

110 de clabLevel



Genero:Masculino  

Zpein

firefox
Citar            
MensajeEscrito el 22 Feb 2007 01:25 pm
Hola....la pagina aun no esta arriba...aun asi me puedes decir....te puedo enviar el html....plis...gracias .
tabarich

Por tabarich

30 de clabLevel



 

Cuba

firefox
Citar            
MensajeEscrito el 22 Feb 2007 01:27 pm
HAY ALGUINE AHI??!

Por tabarich

30 de clabLevel



 

Cuba

firefox
Citar            
MensajeEscrito el 22 Feb 2007 02:01 pm
Tendrias que subirlo para ver que le ocurre. Al menos yo me lo miraria para ayudarte.

Por Breath

110 de clabLevel



Genero:Masculino  

Zpein

firefox
Citar            
MensajeEscrito el 22 Feb 2007 02:33 pm
tabarich, creo que no es la primera vez que te lo digo:
cuando pongas código utiliza la etiqueta CODE, por otro lado si quieres que te ayuden, PON UN LINK, con un extracto del css no se puede hacer NADA

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 22 Feb 2007 04:08 pm
Yo tengo el mismo problema que tabarich...Con IE no sale el efecto. NO puedo poner un link a la pagina pues no este publicada aun, esta en local. De todas formas pongo el CSS que tengo haber si un alma caritativa puede ayudarme:

Código :

ul#navmenu {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 350px; /*For KHTML*/
  list-style: none;
  height:10px;
}

ul#navmenu li {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 300px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: block; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  vertical-align: super;
  padding: 0  4px;
  cursor: url;
  float: center !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #09C44A;
  color: #003322;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 10%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #ECE9D8;
  color: #FF0000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #09C44A;
  color: #003322;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ECE9D8;
  color: #FF0000;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: table-caption;
}/* CSS Document */ 


Joer siento lo de la pagina, pero la direccion de local no voy a darsela...mas que nada por que no la verian, jejejej ( bueno un poco de broma nunca viene mal )

Espero puedan ayudarme...

Gracias

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Feb 2007 04:38 pm

fael escribió:

PON UN LINK, con un extracto del css no se puede hacer NADA

Por Breath

110 de clabLevel



Genero:Masculino  

Zpein

firefox
Citar            
MensajeEscrito el 22 Feb 2007 05:05 pm

Breath escribió:

fael escribió:

PON UN LINK, con un extracto del css no se puede hacer NADA



chinchan escribió:

NO puedo poner un link a la pagina pues no este publicada aun, esta en local`


Que link quieres que ponga si no puedo, no la tengo publicada aun.....

Saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Feb 2007 05:30 pm
Ya, pero con esa no podemos hacer nada, subelo a algun servidor una prueba para que veamos.

Por Breath

110 de clabLevel



Genero:Masculino  

Zpein

firefox
Citar            
MensajeEscrito el 06 Mar 2007 04:19 pm

Breath escribió:

Ya, pero con esa no podemos hacer nada, subelo a algun servidor una prueba para que veamos.


Bueno, he subido a un server gratuito el css que intento poner en mi web para que lo veas y me comentes. El mismo funciona con firefox y no funciona con IE.

Esta subido aqui:

http://lorenzocos.iespana.es/

A ver si me puedes decir por que en uno si y en otro no.... por favor...

Muchas gracias.

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Mar 2007 07:43 pm
código xhtml y css

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 06 Mar 2007 08:18 pm

Coyr escribió:

código xhtml y css


Lo siento, no entiendo. Por favor, podrias explicarte. Muchas gracias.

Saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Mar 2007 05:09 am

Lo siento, no entiendo. Por favor, podrias explicarte. Muchas gracias.

Erase una vez una página. Esta tenía dos partes: las etiquetas, y el estilo. El estilo se llamaba CSS y las etiquetas, la estructura, XHTML o HTML.
Supongo que sabrás que es HTML, no? Si es asi, Coyr se refiere a que por favor pongas el codigo html y css de tu web.

:?

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox
Citar            
MensajeEscrito el 07 Mar 2007 02:00 pm

Lunatic Lycanthrop escribió:


Lo siento, no entiendo. Por favor, podrias explicarte. Muchas gracias.

Erase una vez una página. Esta tenía dos partes: las etiquetas, y el estilo. El estilo se llamaba CSS y las etiquetas, la estructura, XHTML o HTML.
Supongo que sabrás que es HTML, no? Si es asi, Coyr se refiere a que por favor pongas el codigo html y css de tu web.

:?


Muy buen manual de la estructura de una pagina, si señor. Con mucha sutileza.... Y si, se lo que significa html, aunque estoy seguro que con un poco de suerte tu me lo explicaras..

El codigo html es este:

Código :

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<LINK REL="StyleSheet" HREF="navmenu.css" TYPE="text/css"> 
<title>Inicio</title>
</head>

<body>
<center><div id="menu">
               <ul id="navmenu">
                            <li><a href="http://www.critalab.com/">Inicio</a>
                            <ul> 
                               <li><a href="">ejemplo</a></li>
                        <li><a href="">ejemplo</a></li>
                        <li><a href="">ejemplo</a></li>
                             </ul>
                     </li>
                     <li><a href="">Tu Cuenta</a>
                        <ul> 
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                     <li><a href="">Ejemplo</a></li>
                     <li><a href="">Ejemplo</a></li>
                        </ul>
                     </li>
                     <li><a href="">Descargas</a>
                        <ul> 
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                        </ul>
                     </li>
                     <li><a href="">Foro</a>
                        <ul> 
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                        </ul>
                     </li>
                     <li><a href="">Utilidades</a>
                        <ul> 
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                           <li><a href="">Ejemplo</a></li>
                        </ul>
                     </li>
                     
      <!-- Termina el Menu -->
      </div>
</body>

</html>


Y el css:

Código :

/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 350px; /*For KHTML*/
  list-style: none;
  height:10px;
}

ul#navmenu li {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 300px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: block; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  vertical-align: super;
  padding: 0  4px;
  cursor: url;
  float: center !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #09C44A;
  color: #003322;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 10%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #ECE9D8;
  color: #FF0000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #09C44A;
  color: #003322;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ECE9D8;
  color: #FF0000;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: table-caption;
}/* CSS Document */ 


Espero sirva para saber por que no sale el efecto con IE.

Saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Mar 2007 03:01 pm
RÁmen!!! thanks Lunatic Lycanthrop. Mira chinchan debesdebes cerrar todas la etiquetas. No cerraste el <ul id="navmenu">. Y esa etiqueta <center> sobra. Acostumbrate a usar un DTD en el head de las páginas, así los navegadores sabran a que atenerse ;)

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 07 Mar 2007 06:41 pm

Coyr escribió:

RÁmen!!! thanks Lunatic Lycanthrop. Mira chinchan debesdebes cerrar todas la etiquetas. No cerraste el <ul id="navmenu">. Y esa etiqueta <center> sobra. Acostumbrate a usar un DTD en el head de las páginas, así los navegadores sabran a que atenerse ;)



todas cerradas. Joer, se me escapo una. Que vista tienes. Sigue sin funcionar. Y repasado. Quitado el tag center...Ya no se que hacer para que funcione en ie. Es mala suerte o simplemente es que esto no funciona en ie.

Gracias.
Saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Mar 2007 07:44 pm

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 07 Mar 2007 10:18 pm

Coyr escribió:

IE no soporta el :hover así que lo obligas con un behavior http://www.xs4all.nl/~peterned/csshover.html


Joer, el ingles y yo no somos compatibles. Entiendo que no debo usar el :hover y usar behavior pero lo que no se es como colocarlo. Date cuenta, compañero Coyr, que en esto del css soy un neofito y como estoy empezando no entiendo muy bien. ¿ Deberia de cambiar donde dice hover por un behavior.... ? ¿ en todos los sitios ?..
Gracias y saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Mar 2007 08:02 pm
hola, he intentado hacer el menu desplegable con items del tutorial, pero como lo necesitaba horizontal (los items se despliegan hacia la derecha en vez de hacia abajo), al cambiarle la posicion a los items no me funciona bien... el boton se activa solo en un sitio concreto muy pequeño en vez de en toda su superficie.

Podria alguien decirme que es lo que falla o lo que tengo q cambiar??!!

este es codigo del boton:

Bueno, el boton tiene 3 capas; la primera se llama; "as", la segunda; "num items", la tercera "menu" (q es donde esta el boton).

-------------------------------------------------------------
capa 1: as: CODIGO:
-------------------------------------------------------------
attachMovie("menu_mc", "menu_mc", 999);
menu_mc._x = titulo_btn._x+150;
menu_mc._y = titulo_btn._y;
menu_mc._visible = false;
titulo_btn.onRollOver = function() {
menu_mc._visible = true;
};


var titulo = "videos";// este es el boton pricipal/titular
var label1 = "en la calle";
var label2 = "centro comercial";


menu_mc.miBtn1_btn.onRelease = function() {
menu_mc.label1_txt.setTextFormat(visitado);
//aqui las acciones del boton 1
trace("presionaste el boton 1");
};
menu_mc.miBtn2_btn.onRelease = function() {
menu_mc.label2_txt.setTextFormat(visitado);
//aqui las acciones del boton 2
trace("presionaste el boton 2");
};

var visitado:TextFormat=new TextFormat("verdana", 10, 0x666666, false, false);

-------------------------------------------------------------
CAPA 2: NUM ITEMS: CODIGO
------------------------------------------------------------
#include "items3.as"
menu2item();
-------------------------------------------------------------
CAPA 3: menu: es el boton sin ninguna programacion
______________________________________________

Y el codigo .as: ITEM2.AS, del archivo .as adyacente es:
-------------------------------------------------------------
function menu1item() {
titulo_txt.text = titulo;
menu_mc.label1_txt.text = label1;
menu_mc.label2_txt._visible = false;
menu_mc.miBtn2_btn._visible = false;
menu_mc.label3_txt._visible = false;
menu_mc.miBtn3_btn._visible = false;
menu_mc.label4_txt._visible = false;
menu_mc.miBtn4_btn._visible = false;
menu_mc.label5_txt._visible = false;
menu_mc.miBtn5_btn._visible = false;
menu_mc.label6_txt._visible = false;
menu_mc.miBtn6_btn._visible = false;
menu_mc.label7_txt._visible = false;
menu_mc.miBtn7_btn._visible = false;
menu_mc.label8_txt._visible = false;
menu_mc.miBtn8_btn._visible = false;
menu_mc.label9_txt._visible = false;
menu_mc.miBtn9_btn._visible = false;
menu_mc.label10_txt._visible = false;
menu_mc.miBtn10_btn._visible = false;
onEnterFrame = function () {
if ((menu_mc._ymouse>20) or (menu_mc._ymouse<-21) or (menu_mc._xmouse<0) or (menu_mc._xmouse>150)) {
menu_mc._visible = false;
}
};
}
function menu2item() {
titulo_txt.text = titulo;
menu_mc.label1_txt.text = label1;
menu_mc.label2_txt.text = label2;
menu_mc.label3_txt._visible = false;
menu_mc.miBtn3_btn._visible = false;
menu_mc.label4_txt._visible = false;
menu_mc.miBtn4_btn._visible = false;
menu_mc.label5_txt._visible = false;
menu_mc.miBtn5_btn._visible = false;
menu_mc.label6_txt._visible = false;
menu_mc.miBtn6_btn._visible = false;
menu_mc.label7_txt._visible = false;
menu_mc.miBtn7_btn._visible = false;
menu_mc.label8_txt._visible = false;
menu_mc.miBtn8_btn._visible = false;
menu_mc.label9_txt._visible = false;
menu_mc.miBtn9_btn._visible = false;
menu_mc.label10_txt._visible = false;
menu_mc.miBtn10_btn._visible = false;
onEnterFrame = function () {
if ((menu_mc._ymouse>40) or (menu_mc._ymouse<-21) or (menu_mc._xmouse<0) or (menu_mc._xmouse>150)) {
menu_mc._visible = false;
}
};

------------------------------------------------------------------
FIN
------------------------------------------------------------------

Sospecho que el error esta en:
------------------------------------------
if ((menu_mc._ymouse>40) or (menu_mc._ymouse<-21) or (menu_mc._xmouse<0) or (menu_mc._xmouse>150)) {
menu_mc._visible = false;
}
};
----------------------------------------------------------
LLEVO MUCHO TIEMPO ATASCADA!!! Q ALGUIEN ME AYUDE PLIS!!!

Por joak

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Abr 2007 06:26 pm
Saludos

Los menús desplegables en CSS no funcionan en IE, para arrglar esto hay que hechar mano de javascript

les envio un link que muestra como se hace

http://www.anieto2k.com/2006/03/01/menus-desplegables-con-css


funciona de maravilla

Por wwfernando

0 de clabLevel



 

msie7
Citar            
MensajeEscrito el 05 Abr 2007 11:06 am
Si, parece que utilizando js puede funcionar. El tema que ocupa ahora es como implementarlo en un archivo php.

Alguien sabe como hacerlo...

Saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Abr 2007 11:43 am

chinchan escribió:

Si, parece que utilizando js puede funcionar. El tema que ocupa ahora es como implementarlo en un archivo php.

Alguien sabe como hacerlo...

Saludos


Hacer el qué? Si necesitas pasar variables PHP a un JS esto te servirá. Si no, explícate por favor.

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 05 Abr 2007 01:05 pm

Capt.Mahou escribió:

chinchan escribió:

Si, parece que utilizando js puede funcionar. El tema que ocupa ahora es como implementarlo en un archivo php.

Alguien sabe como hacerlo...

Saludos


Hacer el qué? Si necesitas pasar variables PHP a un JS esto te servirá. Si no, explícate por favor.


Claro, me explico.

Yo tengo una lista incluida en un archivo php, concretamente en el theme.php del theme que voy a usar, en la funcion themeheader. Lo tengo asi:

Código :

echo "</font></td>\n"
  ."<td align=\"center\" height=\"1\" background=\"themes/XPOlive/images/topnav-bg.gif\"><font class=\"content\">\n"
  . "<center><div id=\"menu\" align=\"center\">"
   . " <LINK REL=\"StyleSheet\" HREF=\"navmenu.css\"  TYPE=\"text/css\">"
   . "              <ul id=\"navmenu\">"
  . "                           <li><a href=\"http://www.miwebdeprueba.com/web/\">PRINCIPAL</a>"
  . "                           <ul> "
  . "                              <li><a href=\"http://www.mmiwebdeprueba.com/web/">Ejemplo</a></li>"
  . "                       <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                       <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                       <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                       <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                    </ul>"
  . "                    </li>"
  . "                    <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a>"
  . "                       <ul> "
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.augcguadalajara.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/">Ejemplo</a></li>"
  . "                       </ul>"
  . "                    </li>"
  . "                    <li><a href=\"http://www.mmiwebdeprueba.com/web/"\>Ejemplo</a>"
  . "                       <ul> "
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/web/\">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.augcguadalajara.com/web/">Ejemplo</a></li>"
  . "                       </ul>"
  . "                    </li>"
  . "                    <li><a href=\"http://www.mmiwebdeprueba.com/foro\">Ejemplo</a>"
  . "                       <ul> "
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
  . "                          <li><a href=\"http://www.mmiwebdeprueba.com/foro/">Ejemplo</a></li>"
  . "                       </ul>"
  . "                    </li>"
  . "                 </ul>"
  . "     <!-- Termina el Menu -->"
  . "     </div>"
  . ""


Y el css para la lista es esta:

Código :

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 350px; /*For KHTML*/
  list-style: none;
  height:10px;
}

ul#navmenu li {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 300px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: block; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  vertical-align: super;
  padding: 0  4px;
  cursor: url;
  float: center !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #09C44A;
  color: #003322;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 10%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #ECE9D8;
  color: #FF0000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #09C44A;
  color: #003322;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ECE9D8;
  color: #FF0000;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: table-caption;
}/* CSS Document */ 


El tema es que no consigo saber donde añadir la llamada al js, pues lo pongo asi:

Código :

." <!--[if gte IE 5.5]>"
. "<script language="JavaScript" src="dhtml.js" type="text/JavaScript"></script>"
. " <![endif]-->"


y un archivo dhtml.js asi:

Código :

navHover = function() {
   var lis = document.getElementById("navmenu.").getElementsByTagName("LI");
   for (var i=0; i<lis.length; i++) {
      lis[i].onmouseover=function() {
         this.className+=" iehover";
      }
      lis[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" iehover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", navHover);


Tal y como indica la pagina que el anterior post especificaba. Pero no ahi manera, sigue sin funcionar en IE. NO se donde incluir el js dentro del archivo php del theme. Y mira que he probado de todo...Incluso ya no se si estoy haciendo algo bien o colocando el css bien o no se, pero no hay manera de que el IE lo visualice. He probado viendo el codigo fuente de otras paginas donde si funciona el css en IE e intentando descifrar y comparar con el mio, pero al final, como esto del css es nuevo para mi no he tenido cojo*** a que funcione. Asi es como estoy colega.

GRacias por contestar. Saludos

Por chinchan

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Abr 2007 02:03 pm
Puedes darnos un enlace para ver el código fuente que te printa? es posible que la llamada la esté poniendo en el lugar equivocado

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 05 Abr 2007 03:40 pm

Capt.Mahou escribió:

Puedes darnos un enlace para ver el código fuente que te printa? es posible que la llamada la esté poniendo en el lugar equivocado


Vale:

http://lorenzocos.iespana.es/

Ahi tienes un archivo llamado index.php y el js subido, tal y como lo he puesto...

Mira si me equivoco en algo...

Si no ves nada los subo a un server para descargar.

Saludos

Por chinchan

10 de clabLevel



 

firefox

 

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