Underc0de

Foros Generales => Dudas y pedidos generales => Mensaje iniciado por: Devilboy en Junio 02, 2011, 12:26:58 PM

Título: [SOLUCIONADO] Problema con un menú Js, html y css
Publicado por: Devilboy en Junio 02, 2011, 12:26:58 PM
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.

Título: Re:Ayuda con un menu
Publicado por: ANTRAX en Junio 02, 2011, 12:38:08 PM
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:
Código (html5) [Seleccionar]
<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:
Código (css) [Seleccionar]
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;
}
Título: Re:Ayuda con un menu
Publicado por: Devilboy en Junio 02, 2011, 12:40:33 PM
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
Título: Re:Ayuda con un menu
Publicado por: ~ Yoya ~ en Junio 02, 2011, 01:18:10 PM
No pude descargar el source, trata de subirlo a pastebin.com mejor, ademas a muchos no nos gusta estar descargando sources.
Título: Re:Ayuda con un menu
Publicado por: ANTRAX en Junio 02, 2011, 01:46:36 PM
Yoya: http://www.multiupload.com/FQO0MWB7RT
Título: Re:Ayuda con un menu
Publicado por: Devilboy en Junio 02, 2011, 02:12:06 PM
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
Título: Re:Ayuda con un menu
Publicado por: Xt3mP en Junio 02, 2011, 04:43:45 PM
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.
Título: Re:Ayuda con un menu
Publicado por: Devilboy en Junio 02, 2011, 04:54:37 PM
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.
Título: Re:Ayuda con un menu
Publicado por: ~ Yoya ~ en Junio 02, 2011, 05:24:59 PM
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.
Título: Re:[Solucionado] Ayuda con un menu
Publicado por: Devilboy en Junio 02, 2011, 05:58:39 PM
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
Título: Re:Ayuda con un menu
Publicado por: Xt3mP en Junio 02, 2011, 11:15:05 PM
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
Título: Re:Ayuda con un menu
Publicado por: Devilboy en Junio 03, 2011, 12:06:25 AM
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