Menu desplegable que falla sobre capa con scroll en Firefox:

Citar

Escrito el 04 Oct 2005 04:24 pm

Hola gente.

Esta es la primera vez que posteo un mensaje y la verdad es que lo he hecho porque me quedado atascado en un problema.

El problema podeis verlo en esta pagina :
http://www.ivandia.com/~satansk8/prueba/

Los menus se despliegan pero al posicionarme sobre las opciones que se despliegan dentro de la capa del scroll, se cierra sin mas...

Este problema solo ocurre con Mozilla Firefox, que es el navegador con que maqueto, con IE no ocurre.

He probado una cuantas cosas pero sin ningun efecto.

Eso era todo.

Saludos¡¡¡

Por HAL9000

8 de clabLevel

Envíale un mensaje privado Email Web

Citar

Escrito el 04 Oct 2005 08:42 pm

bueno, pues lo que puedes hacer es situar el menú o el scroll en otro lugar, de todas formas te recomiendo que te plantees mejor el diseño de esa página, busca mejores colores, visita los tutoriales que hay en nuestra sección para ver los fundamentos de diseño, etc.
No es por ofender, pero tal como tienes la página parece que has usado código que no es tuyo, aparte las imágenes que has puesto para validar el css y el xhtml las has sacado de algún sitio,cierto??
saludos...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 04 Oct 2005 08:47 pm

Código :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
   <title>PLANTILLA PORTAL MODULAR ESTANDAR XHTML- CSS</title>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
   <LINK REL="StyleSheet" HREF="css/css_estandar.css" type="text/css">
</head>

<body>

   <!-- Capa Contenedor -->
   <div id="contenedor">
   
   <!-- Capa General Bloque de Cabecera -->
         <div id="cabecera">
            <!--<img src="img/cabecera.jpg">-->
         </div>

      <div id="menues">
         
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"></meta>
<meta name="description" content="Example 5 - CSS Horizontal DropDown &amp; Popout Menu Tutorial"></meta>
<LINK REL="StyleSheet" HREF="menu.css" type="text/css">
</head>

te has dado cuenta de lo mal que está ese código?? corrigelo, para empezar no puedes declarar dos tipos de documento diferentes o el navegador se vuelve loco, tienes dos head!!! y tienes una apertura de body, además del que tienes abajo, etc...
La verdad es que lo raro es que esa página se pueda ver.

PD: se que suenan duras estas palabras, no te preocupes, no van más allá de ser consejos,ok?? :wink:

PD2:No uses tanto (ctrl+c) & (ctrl+v)

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 04 Oct 2005 08:53 pm

Johnny escribió:

te has dado cuenta de lo mal que está ese código?? corrigelo, para empezar no puedes declarar dos tipos de documento diferentes o el navegador se vuelve loco, tienes dos head!!! y tienes una apertura de body, además del que tienes abajo, etc...
La verdad es que lo raro es que esa página se pueda ver.

PD: se que suenan duras estas palabras, no te preocupes, no van más allá de ser consejos,ok?? :wink:

PD2:No uses tanto (ctrl+c) & (ctrl+v)

Buenos consejos U_U

Y volviendo a lo del menú, a mi me funciona a ratos y me lleva a estas páginas [1] [2] [3] [4]

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

Envíale un mensaje privado

Citar

Escrito el 04 Oct 2005 08:59 pm

zarzamora escribió:

Y volviendo a lo del menú, a mi me funciona a ratos y me lleva a estas páginas [1] [2] [3] [4]

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 04 Oct 2005 09:04 pm

Hola Hal9000:

Bienvenido a Clab:

De verdad sigue los consejos de Mr. Jhonny y de la Ms. Zarzamora, y no los tomes a mal, las críticas más duras, son las que mejor ayudan

Si no conces mucho de CSS, aquí encontraras tutos muy buenos, entendibles y que te pueden servir para tu diseño.

Saludos y Ánimo :wink:

Por Ereb

Claber

1352 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email

México, D.F.

Citar

Escrito el 05 Oct 2005 08:49 am

Coincidiendo con lo que dijo Jhony .. TIENES DOS DTD's!!!!!... es algo imposible (para navegadores standar como FF, Opera, etc) ... en IE siempre va a funcionar por que no es STANDAR!!!
:lol:

Por sierto.. no existe esto: "float: center;".. (a menos que estuvieces usandoo algun DOM para crear esta clase .. y hacer algo.. )

... font-family: "dungeon";.... por favor... checka bien el codigo es muy facil aprender CSS... (recomendado los tutoriales del CLAB)

Salu2

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 05 Oct 2005 10:31 am

proximamente saldrá el mio :love:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 05 Oct 2005 01:06 pm

Johnny escribió:

proximamente saldrá el mio :love:

pues lo espero, ya que no le agarro todavía bien el hilo a CSS

Por Ereb

Claber

1352 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email

México, D.F.

Citar

Escrito el 05 Oct 2005 06:44 pm

Johnny escribió:

proximamente saldrá el mio :love:

Salvese quien pueda!!!

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 05 Oct 2005 10:53 pm

Que tal, otra vez.

Pues si llevais razon, la verdad salta a la vista. Soy un poco bastante demasiado desastre a la hora de hacer el codigo como deberia desarrollarse.

He empezado hace poco con XHTML y CSS.
Antes he estado maquetando con tablas hasta que lei varios articulos sobre estandares y uso de capas y css en vez de tablas que me hizo (todavia estoy en proceso como veis

D) cambiar completamente la forma en que entendia que se podia desarrollar html.
Estaba en un craso errorrr...

Fallo que reconozco y ni mucho menos me puedo sentir ofendido por esas criticas "duras".
Todo lo contrario las criticas cuando se fundamentan en argumentos que no dan lugar a reargumentacion solo pueden enriquecernos si sabemos aprender de ellos y este ejemplo para mi es uno de ellos.

Por otro lado, creo que veis mal el hecho de que se pueda copiar y pegar un script con una determinada funcionalidad, como es el caso del menu desplegable que he incluido y que yo no he desarrollado.
¿..?

Erik, no se seguro a que te refieres con lo de la fuente dungeon.
Imagino que piensas q no se deben importar fuentes externas, ¿es asi?.

Bueno nada mas por ahora.

GRacias por los consejos a todos y ahora a trabajar como es debido.

Saludos compañeros¡.

Por HAL9000

8 de clabLevel

Envíale un mensaje privado Email Web

Citar

Escrito el 05 Oct 2005 11:37 pm

HAL9000 escribió:

....Erik, no se seguro a que te refieres con lo de la fuente dungeon.
Imagino que piensas q no se deben importar fuentes externas, ¿es asi?....)

mmm no es eso HAL9000 .... lo que pasa es que esa fuente no es comun en todas las maquinas y por lo viso sabes lo que puede ocacionar... no lo digo con el proposito de desacreditar tu conocimiento ... se feliz!

.. Espero que te agrade el trabajo con CSS ...

Por sierto... para maquetar es más comun que uses divisores y no capas.. osea <div></div> y no <layer></layer> hay diferencia entre estos dos...

Salu2
Erik

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 06 Oct 2005 06:40 am

the_NEO_JP escribió:

Salvese quien pueda!!!