Comunidad de diseño web y desarrollo en internet online

niveles con div

Citar            
MensajeEscrito el 19 Jun 2007 07:06 pm
saludos familia de CLab

tengo un problema con los niveles de las layer

la cosa es que tengo un menu hecho con js y css que podran ver en http://www.sistemas-dms.com/actualizacion/

y esta en una div luego creo otra en la que voya colocar un *.swf la cuestion es que cuando se abre el menu, me sale por debajo la nueva div !!! :?

como le asigno el orden he mirado con algo que se llama z-index y al que quiero que quede mas alto le pongo un numero mayor pero aun asi sigue apareciendo por debajo de mi otra div!

por favor AUXILIO :shock:

Gracias :lol:

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 19 Jun 2007 08:13 pm
Los swf sólo obedecen al z-index cuando su modo de ventana (wmode) está en transparente(transparent). Si usas SWFObject solo debes poner:

Código :

pelicula.addParam("wmode","transparent");

*creo que es asi

Sauldos

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox
Citar            
MensajeEscrito el 19 Jun 2007 08:30 pm
wow creo que no me di a entender muy bien

estoy trabajndo en dreamweaver y tengo varias capas en una tengo un menu hecho con css y js y en otra tengo un banner en flash, el caso es que la del menu me sale por debajo de la otra independiente del contenido

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 19 Jun 2007 10:14 pm
Es exactamente a lo que me refería: Sólo puedes posicionar swf con la propiedad z-index de css cuando tienen modo de ventana transparente. Caso contrario ignorará la propiedad.

Quedó claro? O_o

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox
Citar            
MensajeEscrito el 20 Jun 2007 02:26 pm
la verdad no queda claro

vos me seguis hablando de swf y YA dije que cualquier otra cosa!!!! una imagen un texto o la sola capa con un color de fondo!!!!

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 20 Jun 2007 04:39 pm
Ya. Ya entendí. Me confundió que hubieras mencionado el swf y por eso solo te respodia acerca de eso (que es el problema mas común)... y si no es eso no encuentro el error.... trata de ser más explicito.
Ni en Firefox 2, IE6 o IE7 hay problemas de overlapping: El menu y sus opciones desplegables quedan por encima de todo; se ve bien.
Intenté remover el swf de la derecha a ver si te estaba tapando algun menu, pero no es asi.

Ahora... tienes screenshots? Muestra como es y como deberia ser.... o explica detallamante tu problema. Si solo no sabes usar las posiciones y las capas, puedes mirar este tutorial: http://www.cristalab.com/tutoriales/184/superposicion-de-objetos-de-html-overlapping--con-css

Saludos!

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox
Citar            
MensajeEscrito el 21 Jun 2007 01:17 pm
muchas gracias Lunatic Lycanthrop

en vista que me has ayudado bastante aclarando ciertas cosas pero aun sigo patinando mira este link, aqui esta la pagina de prueba en la que si sucede el error de overlapping

http://www.sistemas-dms.com/actualizacion/clientes2.php

te cuento que las caracteristicas generales la puse en un solo *.css (para ahorrar codigo) y por ejemplo las caracteriticas del menu estan en ese css y son:

Código :

#menu {
   position:absolute;
   left:0px;
   top:100px;
   width:1000px;
   height:20px;
   z-index:25;
   background-color: #336699;
}


las del listado de clientes son:

Código :

#clienteslista {
   position:absolute;
   left:372px;
   top:156px;
   width:270px;
   height:530px;
   z-index:15;
   background-color: #FFFFCC;
}


como ves el z-index del menu es de 25 y el del listado es de 15, por lo que no deberia solaparse

espero que esto te aclare cual es mi problema y me puedas ayudar :oops:

mil gracias

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 21 Jun 2007 02:00 pm
Prueba poniendo el z-index de clientes con -1 y todo lo demas con 0 o mayor, con eso bastara.

Suerte

Por ralph

6 de clabLevel



 

msie
Citar            
MensajeEscrito el 21 Jun 2007 03:44 pm
LISTOP

porfin el primer problema era que z-index estaba mal y el segundo es que como decias tu Lunatic Lycanthrop el wmode si era necesario
mil gracias :) :cool:

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 21 Jun 2007 10:31 pm
Z-index es todo un dolor de cabeza cuando uno empieza, no te preocupes.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 15 Oct 2008 02:54 pm
Hola a todos, agrego una duda a este tema del wmode, mi problema es q al agregar el script que me proporciona el dreamweaver para activar los flash en IE me deja de funcionar el tema del wmode, alguien sabe como solucionarlo??

ya probe agregandole 'transparent' o 'wmode' pero nada....


Código :

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','830','height','181','src','swf/top','quality','high','pluginspage' ,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','swf/top' ); //end AC code
</script>

Por ANDRESCABEZA

13 de clabLevel



 

msie7
Citar            
MensajeEscrito el 16 Oct 2008 05:24 am
debes agregar ambos, separados por una coma: 'wmode', 'transparent'. En cualquier caso, si lo cambias en DW por medio del panel propiedades (agregándolos como parámetros), él mismo dw te hace el cambio en el código.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 18 Oct 2008 10:41 pm
Muchas Gracias!

Por ANDRESCABEZA

13 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.