Menu emergente ke se esconde superpuesto

CWeeD · #1 (**permalink**) 06/04/2011, 13:27

Hola! se me ocurrio poner un menu en mi página, como el estilo de windows que se esconde, y queda superpuesto el problema es ke no se ni donde comenzar ni como se llaman este tipo de menus para buscar información acerca de ellos, si alguien me puede dar una pista, muchas gracias...
PD: el post lo deje acá porq como dije no estoy seguro de con ke lo puedo hacer...

GatoGordo · #2 (**permalink**) 06/04/2011, 14:28

A qué te refieres como el estilo de windows, ¿al menú del botón de inicio? Por otro lado, queda superpuesto a qué, yo, el menú de windows, no veo que se superponga a algo, salvo al contenido del escritorio o ventana que se esté usando. Sería bueno que explicaras con más detalle lo que quieres.

Saludos!

CWeeD · #3 (**permalink**) 06/04/2011, 14:57

Si, como el de Windows quiere decir como el de Windows, la barra Inicio, no en funcion solo en estructura, osea que se vea parecido pero que no sea para las mismas funciones, ó que no haga las mismas cosas, más simple, eh?
Superpuesto, el menu de Windows solo se superpone cuando se le da la caracteristica de esconderse, porque si no de que otro modo a que se va a superponer, me explico? cuando esta fijo o estatico no se superpone porque todo aparece arriba del menú, cuando esta con la opcion de esconderse sale por encima de todo, probalo y tal vez me entiendas mejor, si abres una carpeta la información que aparece abajo de la ventana se tapa por el mismo menu, eso es superpuesto, como si estuviera en un plano más arriba, que al aparecer no modifique el resto del css, o de la forma en que se ve la página, que no se corran las imagenes y demás, me comprendes?

ArturoGallegos · #4 (**permalink**) 06/04/2011, 16:44

cualquier menú hace eso, solo agrégale un position:absolute y un z-index:999; con eso conseguirás que se muestre encima del resto de los elementos

Nota: recuerda que position:absolute tomara su ubicación en base al primer elemento padre inmediato que cuente con la propiedad position especificada en cualquier modalidad, de no existir ningún elemento con position este tomara como referencia el body

CWeeD · #5 (**permalink**) 07/04/2011, 09:29

Gracias por tu respuesta, mira pero como logro que salga en la página al final del navegador, no de la página web sino del navegador que si bajo el scroll se mantega al final de la página del navegador? tienes alguna idea? gracias de antemano

ArturoGallegos · #6 (**permalink**) 07/04/2011, 11:01

Código CSS:

Ver originalposition:fixed;bottom:0;left:0;z-index:999;

la propiedad fixed le indica que debe mantenerse en la misma posición siempre, has de colocar tu menú fuera de tu capa contenedora ya sea inmediatamente después de <body> o antes de </body>

Nota: position:fixed no es soportado por IE6

CWeeD · #7 (**permalink**) 07/04/2011, 11:52

Ok muchas gracias, de verdad! super útil tu ayuda! ya logre lo que queria ahora, una ultima pregunta, el fin de todo el cuento es que quiero que se minimize y se expanda, con un botón, no se si haciendole cambiar el css con el botón o hay algo más bonito estéticamente, que se note el avance de la expansión ó no se que puede ayudarme, gracias de antemano...

ArturoGallegos · #8 (**permalink**) 07/04/2011, 13:01

lo que pides podría hacerse con ajax ya sea que tu sepas como hacerlo o puedes buscar información sobre dicho efecto con JQuery o Mootools ambos son muy buenos

tal vez con CSS3 con los nuevos efectos de transición mmm habrá que experimentar no estoy seguro de eso... e igual solo seria compatible con los nuevos navegadores

CWeeD · #9 (**permalink**) 07/04/2011, 13:05

Muchisimas gracias...creo que me voy por JQuery ya que tengo alguna noción de ello...Gracias