Necesito la ayuda de los usuarios del foro.
Tengo un menu en javascript, html y css.
El problema es ke con firefox no se ve bien y con internet explorer si
Firefox 4:
(http://oi53.tinypic.com/vgucrc.jpg)
Internet explorer 9:
(http://oi54.tinypic.com/2m7dgci.jpg)
Les dejo el code por si me gustan ayudar:
http://www.mediafire.com/?icm75m72e46d856
Les agradeceré su ayuda.
Aca te dejo otro ejemplo, quizas puedas sacarte las dudas.
Y yo te recomiendo mas que uses HTML + CSS para el menu asi no tienes problemas
(http://i93.photobucket.com/albums/l45/lawebera/articulos/imagen-2.png)
HTML:
<ul id="menu">
<li><a class="selected" tihref="#">Inicio</a></li>
<li><a href="#">Descargas</a>
<ul>
<li><a href="#">Soft Desktop</a></li>
<li><a href="#">Soft Móvil</a></li>
</ul>
</li>
<li><a href="#">Localización</a></li>
<li><a href="#">Contacto</a></li>
</ul>
CSS:
body{
background:#fff;
}
/* Root = Horizontal, Secondary = Vertical */
ul#menu {
ba
margin: 0;
border: 0 none;
padding: 0;
/* width: 500px;*/ /*For KHTML*/
width:360px;
list-style: none;
height: 20px;
border:1px solid #eee;
padding-bottom:5px;
}
ul#menu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 20px;
}
ul#menu li{
padding-bottom:5px;
}
ul#menu li:hover{
background:#ddd;
}
ul#menu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 25px;
left: 10px;
background: #eee;
border: none;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
ul#menu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#menu ul li {
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#menu a {
padding: 5px 15px 5px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #9fcf21;
text-decoration: none;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
/* border-right:1px solid #818181;*/
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
color: #003300;
}
/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
float: none;
border:none;
}
/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
background:#ddd;
color: #003300;
}
/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
background:#ddd;
color: #FFF;
}
/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
background:#ddd;
color: #666;
}
/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#menu ul ul,
ul#menu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
display: none;
}
ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
display: block;
}
ul#menu .selected{
color: #003300;
}
lo se man pero no puedo modificarlo ya que es un code ke necesitámos en el trabajo y no puedo cambiarlo, solo me pidieron arreglarlo
No pude descargar el source, trata de subirlo a pastebin.com mejor, ademas a muchos no nos gusta estar descargando sources.
Yoya: http://www.multiupload.com/FQO0MWB7RT
No tienes permitido ver los links.
Registrarse o Entrar a mi cuenta
No pude descargar el source, trata de subirlo a pastebin.com mejor, ademas a muchos no nos gusta estar descargando sources.
es ke son varias paginas por eso no lo escribí aki
Este es el problema de la mayoría de los diseñadores... no se porque aún se sigue dando soporte para que funcionen los sitios web en IE... ¡ah si!, porque es el navegador más utilizado, bueno, ahorita me descargo el source y trato de fixeartelo.
P.D. Yo en mis aplicaciones solo doy un sitio para Opera, FireFox y Chrome, para IE la verdad que ya no doy porque es un lío total, de hecho prácticamente tendría que crear un css solo para el navegador IE, en fin, saludos.
No tienes permitido ver los links.
Registrarse o Entrar a mi cuenta
Este es el problema de la mayoría de los diseñadores... no se porque aún se sigue dando soporte para que funcionen los sitios web en IE... ¡ah si!, porque es el navegador más utilizado, bueno, ahorita me descargo el source y trato de fixeartelo.
P.D. Yo en mis aplicaciones solo doy un sitio para Opera, FireFox y Chrome, para IE la verdad que ya no doy porque es un lío total, de hecho prácticamente tendría que crear un css solo para el navegador IE, en fin, saludos.
oajala lo puedes checar man
pienso lo mismo, yo uso puro firefox pero en el trabajo no.
Buenas devil, al parecer estas creando el menu a partir de un Software y usas Javascript para generarlo.
El software utiliza Javascript para generar todo el menu y dura mucho en procesar los datos. El mismo menú lo puedes realizar utilizando solo CSS y seria mucho mas rápido.
Igual si hay algún problema con el menú, el problema esta en el source en Javascript que es el que se encarga de la compatibilidad en los navegadores.
Si solo tienes el problema con Firefox puedes reportar el error a los desarrolladores de AllWebMenus.
Saludos.
Bueno ya lo solucioné
les comento una parte del menu decia
width = 3000
solo cambie todos esos valores por 200 y listo
gracias a los dos y a firebug
Perfecto, sorry por no poder solucionarte pero tenía que hacer unas cosas, me alegro que lo hayas solucionado.
P.D. Concientaliza a la gente que use Firefox... jajaja
No tienes permitido ver los links.
Registrarse o Entrar a mi cuenta
Perfecto, sorry por no poder solucionarte pero tenía que hacer unas cosas, me alegro que lo hayas solucionado.
P.D. Concientaliza a la gente que use Firefox... jajaja
no te preocupes man
jajajaja ps si pero en el trabajo "no dejan" instalar por eso todos usan ie
pero obviamente yo uso firefoxxxxxxxxxx ;D ;D ;D ;D ;D ;D ;D ;D