Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Problema menu con lista en firefox (http://www.forosdelweb.com/f53/problema-menu-con-lista-firefox-548384/)

djskpa 15/01/2008 10:48

Problema menu con lista en firefox
 
Hola.


Tengo un menu con lista en firefox y ya conseguí gracias a otro post que se me abriera y me mostrará la lista con los submenus.

Ahora tengo otro problema que cuando pico a uno de los menus se desplega con sus sub-menus pero entonces desaparecen los menus que estan debajo,excepto con el ultimo de todos los menus que cuando pico si que se ven los menus superiores creo que tiene ser un problema de css.

y otra cosa no se como eliminar las bolitas azules de lista que salen delante de los menus,aqui está mi código:

CSS

/************************************************** **************************************
* LAYOUT CSS FOR THE MENU
************************************************** **************************************/
#dhtmlgoodies_listMenu a{ /* Main menu items */
font-family: Verdana;
color: #6D8A99;
text-decoration:none;
font-weight:normal;
font-size:11px;

}



#dhtmlgoodies_listMenu ul li a{ /* Sub menu */
color: #75B7E3;
font-weight:normal;
cursor: pointer;
}
#dhtmlgoodies_listMenu ul li ul li a{ /* Sub Sub menu */
font-style:italic;
font-size:0.9em;
font-weight:normal;
color: #6D8A99;
cursor: pointer;
}

#dhtmlgoodies_listMenu .activeMenuLink{ /* Styling of active menu item */
color: #75B7E3 ;
}


/*
No bullets
*/
#dhtmlgoodies_listMenu li{
list-style-type:none;
}

/*
No margin and padding
*/
#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
margin:0px;
padding:0px;
}

/* Margin of sub menu items */
#dhtmlgoodies_listMenu ul{
display:none;
margin-left:10px;
}

HTML

<table width="166px">
<tr width="166px" height="180"><td></td></tr>
<tr><td style="padding: 0px 0px 0px 20px;">

<ul id="dhtmlgoodies_listMenu" style="line-height:25px">
<li id="aeronautica"><a onclick="load(this);changeBack1('aeronautica');" onmouseout="this.style.color='#6D8A99'" onmouseover="this.style.color='#75B7E3'" id="aeronautica" style="cursor:pointer;" name="index.php?option=com_conteNt&task=view&id=15 8&Itemid=29&frame=yes&lang=es_ES">Aeronáutica</a>
<ul>
<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('aeronautica');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=15 9&Itemid=29&frame=yes">SW Embarcado</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('aeronautica');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=16 0&Itemid=29&frame=yes" >Simuladores</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('aeronautica');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=16 1&Itemid=29&frame=yes" >Otras Actividades</a></li>
</ul>
</li>

<li><a id="defensa" onclick="load(this);changeBack1('defensa');" onmouseout="this.style.color='#6D8A99'" onmouseover="this.style.color='#75B7E3'" style="cursor:pointer;" name="index.php?option=com_conteNt&task=view&id=16 2&Itemid=29&frame=yes&lang=es_ES">Defensa</a>
<ul>
<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('defensa');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=16 3&Itemid=29&frame=yes">C4ISR</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('defensa');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=12 5&Itemid=29&frame=yes" >Software crítico</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('defensa');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=70 &Itemid=29&frame=yes" >Simulación</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('defensa');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=16 4&Itemid=29&frame=yes" >Otras Actividades</a></li>
</ul>
</li>
<li><a id="seguridad" onclick="load(this);changeBack1('seguridad');" onmouseout="this.style.color='#6D8A99'" onmouseover="this.style.color='#75B7E3'" style="cursor:pointer;" name="index.php?option=com_conteNt&task=view&id=31 &Itemid=29&frame=yes&lang=es_ES">Seguridad</a>
<ul>
<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('seguridad');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=77 &frame=yes">Inteligencia</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('seguridad');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=78 &frame=yes" >Mando y control</a></li>

<li><a class='gtdOnMouseOutSub' onclick="load(this);changeBack1('seguridad');" style="cursor:pointer;" name="index.php?option=com_content&task=view&id=79 &frame=yes" >Comunicaciones</a></li>
</ul>
</li>
</ul>

</td></tr></table>


Todo esto funciona perfectamente en Internet Explorer.


Un Saludo.
Muchas Gracias.

hades87 15/01/2008 17:26

Re: Problema menu con lista en firefox
 
no veo cual es el problema :\

djskpa 16/01/2008 08:47

Re: Problema menu con lista en firefox
 
Hola.

Ya conseguí eliminar las bolitas azules pero sigo teniendo el mismo problema que cuando abro un menu con sus submenus que se pone encima de los otros menus,que propiedad modifica la distancia entra menus despues de abrirlo?

ejemplo:

menu1
menu2
menu3


al abrir menu1 pasa esto:

menu1
submenu1
submenu2
submenu3



y se pone encima de menu2 y menu3

y si abro menu2:

menu1
menu2
submenu1
submenu2
submenu3


los submenus de menu2 se ponen encima de menu3 pero menu1 sigue en su sitio.

Como podria modificar la distancia al abrir cada uno de los menus?

Un Saludo.
Muchas Gracias.


La zona horaria es GMT -6. Ahora son las 15:39.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.