Flash detrás de div?

[vencecanguelos]

Hola mundo,

Estoy programando esta web
http://www.globalvid.es/probar/

He pensado que en la cabecera, (donde ahora aparece la imagen estática de fondo con los conductos), quedaría bien y le daría dinamismo una transición de imágenes, lo haría con flash pero no estoy seguro si éste puede ir detrás, y colocar delante todo el contenido que ahora aparece, es decir ¿delante de un flash se pueden posicionar divs?

Gracias y saludos

[vencecanguelos]

Me autorrespondo: he buscado varias opciones y la que funciona la encontré aquí
http://foros.cristalab.com/div-sobre-un-swf-t65585/

Ahora quiero consultaros si es posible añadir más de un div para añadir distintos elementos??. Estoy probando con "float" y se posicionan donde quieren.

Gracias

[cristian_cena]

No entiendo a que te refieres cuando dices "... es posible añadir más de un div para añadir distintos elementos?? ..." ¿elemento = etiqueta html?
Los divs son contenedores, y dentro de ellos puedes meter cuantas etiquetas html quieras.

"Estoy probando con "float" y se posicionan donde quieren." Bien, no se donde quieres que se posicione tu elemento. Float, se usa para flotar un elemento a la derecha(right) o a la izquierda(left) de su elemento más próximo.
Con clear:(left, right o both); elijes donde ya no quieres que se flote ningún elemento.
Aunque también puede que quieras posicionar utilizando la propiedad "position:(relative, absolute o fixed);
Tengo unos ejemplos funcionando sobre el tema que te los puedo pasar. Aunque preferiría que especifiques mejor (y si es posible con codigo html y css) aquello que deseas hacer.

Saludos!

[vencecanguelos]

Hola, he colgado un pequeño ejemplo de lo quiero hacer:
http://www.globalvid.es/probar2/

- Hay un flash de fondo con una transición de imágenes.
- Sobre éste se posicionan 3 divs de distintos colores que podrían contener texto, imágenes, etc, de momento solo tienen color.
- Quiero situarles uno al lado del otro. El que está bien situado es el rojo.
- Visto en FireFox los divs se superponen unos sobre otros. En Internet Explorer aparecen bien situados pero no me fío.
- La consulta está en cuál es la código correcto para situar esos divs. Ya que para situar un div sobre un flash hay que hacerlo con "z-index" y "position-absolute", he aplicado esos valores a todos los divs y creo que no es la forma más correcta, (si aplico solo "float" el flash de fondo se sitúa justo después de los divs).

Muchas gracias y saludos

[markshock]

Para poder poner uno o varios DIVS encima de un video hecho en flash, has de jugar con el posicionamiento absoluto y el z-index de las capas.

no tiene mas el tema...

[vencecanguelos]

Iniciado por markshock

Para poder poner uno o varios DIVS encima de un video hecho en flash, has de jugar con el posicionamiento absoluto y el z-index de las capas.

no tiene mas el tema...

Guau!! ahora funciona, si señor.
Asigné position-relative al contenedor, al resto de divs position-absolute, valores distintos a z-index y ahora sí que mantiene la posición en FF e IE, ¿es fiable verdad? buff es que parece que va a moverse de un momento a otro.
Gracias y saludos

[cristian_cena]

maqueta tus cajas dandole el ancho que quieras (recuerda que el ancho real de tu css-box comprende no solo "width" sino tambien "border, padding y margin"). Luego puedes flotarlas a tu gusto. El flotado respeta lo que se denomina "flujo normal de documento", (de izquierda a derecha y de arrriba hacia abajo) esto quiere decir que cada caja ocupara el lugar que quede disponible en la línea del documento en que se encuentre, cuando ya no encuentre lugar (supera el ancho real) irá a ubicarse en la línea inmediatamente de abajo.

Si no me equivoco, z-index funciona también con position:relative; por lo que puedes maquetar un div contenedor cuyo z-index sea mayor que el asignado al swf. Y ya ahi dentro trabajar con posiciones relativas.

Si no puedes expresar en "código" lo que deseas hacer tambíen sirve que lo hagas con una imágen del tipo "antes/después" así nos graficamos tu necesidad.

Saludos!

[vencecanguelos]

Gracias de nuevo.

La idea es ésta: http://www.globalvid.es/probar/

He pensado en sustituir la imagen estática de la cabecera, quedaría bien y le daría dinamismo una transición lenta y continua de 3 ó 4 imágenes en flash.
Después, posicionar delante de esa transición los elementos de dicha cabecera: un div para el logo, otro para el texto, otro div para la furgoneta y otro pequeño para el flash de "24 h".

Saludos!

[cristian_cena]

Ten cuidado al hablar de dinamismo en temas posteriores, ya que puede interpretarse como"contenido dinamico o DHTML".

Al mismo tiempo, cuidado con aquellos elementos que por sus caracteristicas toman relevancia en tu maqueta, como por ejemplo tu 24. Sería bueno que añadas algun "porqué" a esas decisiones de diseño. Como por ejemplo un enlace, o alguna funcionalidad que justifique la animación, esto enriquecerá tu sitio.

Solo son sugerencias de amigo, o de como lo haría yo, puedes tomarlas o no. Suerte con tu proyecto .

Saludos!

[vencecanguelos]

Ok, tomo nota.

El porqué de destacar "24 h" es simplemente por eso: destacar que pueden ponerse en contacto con ellos a cualquier hora del día. ¿Un enlace a un apartado donde explique esto brevemente?

Saludos

[cristian_cena]

Mas bien un enlace a la página de contacto, no crees? La explicación la puedes hacer utilizando algún rollover. Saludos!

[vencecanguelos]

Vale, está bien tu opción. Un enlace a la misma página que "contacto" (esa opción ya aparece en el menú izquierdo, pero está bien como dices)
Gracias y saludos

[vencecanguelos]

Hola de nuevo!
Llevo gran parte de la mañana para hacer los deberes y parece que van saliendo. Si fuérais tan amables para echar un vistazo a http://www.globalvid.es/probar/indexOK.html y decirme si hay algún error, para antes de seguir tenerlo ok y evitar problemas.
Muchas gracias y saludos