Centrar un swf

Citar

Escrito el 08 Ago 2005 09:59 am

¿Se puede centrar un swf por medio de css, es decir que quede exactamente en el centro de la página?

ramm en el Tutorial básico de CSS escribió:

Es muy simple, primero se coloca el selector, luego se abre una llave "{" y se empiezan a colocar los atributos, seguidos de dos puntos ":" y luego el valor seguido de punto y coma ";", al final de todo se cierra el estilo para el selector con el cierre de llave "}". Se pueden definir tantos atributos con sus respectivos valores como se desee, separandolos con un espacio o un salto de linea. En CSS se deben escribir los atributos y valores con minusculas y los comentarios se encierran con "/*" para abrir y "*/" para cerrar

veamos a ver si entiendo, en una pagina html tengo el siguiente código:

Código :

<HTML>
<HEAD>
<TITLE>animacion</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--
Titulo ejemplo
-->
<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0"><TR align="center" valign="middle"><TD><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
 WIDTH=625 HEIGHT=400>
 <param name="movie" value="animacion.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="scale" value="noborder" />
<param name="bgcolor" value="#ffffff" />
<EMBED src="animacion.swf" menu="false" quality="high" scale="noborder" bgcolor="#ffffff"  WIDTH=625 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT></TD></TR></TABLE>
</BODY>
</HTML>

¿entonces en mi css debo poner algo así?

TABLE {

o

OBJECT {

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino

Envíale un mensaje privado Email Web

Ultima edición por La100rra el 31 Oct 2005 03:58 am, editado 1 vez

Cd. Juárez, Chihuahua, México.

@LA100RRA

Citar

Escrito el 08 Ago 2005 02:14 pm

uhm..

el código generado por flash es pésimo. primero yo suelo usar este

Código :

<object type="application/x-shockwave-flash" data="flash.swf" height="xxx" width="xxx">
<param name="movie" value="flash.swf">
</object>

así ya valida y es mucho menos código.
luego creamos un contenedor, un div es lo que se usa para maquetar.

Código :

<div id="contenido">
(aquí va el flash)
</div>

y con css la magia

Código :

#contenido{
width: xxx px; // el ancho del swf
margin: 0 auto; // para centrar
}

y ya sólo en el html haces un @import "estilo.css" y listo.

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 08 Ago 2005 02:16 pm

Sinceramente no he probado aplicarlo directamente al <object>, yo en tu caso lo haria primero para probar

Si no funciona, puedes meter el swf en un <div id="algo"> y luego el CSS lo pones:

#algo {

Estoy trabahjando ahorita en una tercera entrega, que quiero hacer algo para centrarlo verticalmente, que es mas complicado.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 09 Ago 2005 04:52 am

Ramm, ya tengo listo el ejemplo de ese tutorial, porque ya estaba empezando a escribirlo, pero quieres que te lo pase?

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 09 Ago 2005 12:41 pm

Si tu lo quieres terminar adelante, si te da flojera, me lo pasas

Estare encantado de terminarlo, pero eso si, cuando regrese de mi viaje.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 10 Ago 2005 03:46 pm

La100ra.
Por que no pruebas con esto..

body { margin: 0; padding: 0;}
object, embed {top:25%; left:25%; position: absolute; bottom: 25px; }

Yo aplico css al object más cuando necesito desaparecerlo

... o creo un div..

Salu2
Erik©

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 10 Ago 2005 05:14 pm

Erik, eso no lo centra

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 10 Ago 2005 07:22 pm

So????....
mmm bueno lo hice logicamente ya que solo tenia el notepad a la mano ;D...

voy a ver otro modo.... fael aparte el codigo que pusiste arriba tampoco llegaba a centrarme el swf.... m creo que el tag que inserta flash para el aliniamiento no tiene ninguna reaccion..

Salu2
Erik

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 11 Ago 2005 12:32 am

uh?

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 11 Ago 2005 05:30 pm

Neo me referia a este html que genera Flash al publicar un swf...

<object.....align="middle">
<param name="salign" value="l" />

Esto esta de más por que nunca funciona... mi pregunta es...para que lo agrega?

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Ultima edición por eporroa el 12 Ago 2005 03:52 am, editado 1 vez

Lima - Peru

@eporroa

Citar

Escrito el 12 Ago 2005 02:49 am

Hola la100rra. Yo te recomiendo que hagas el flash reescalable al 100% seteando los valores de height y with al 100% en tu tag <object> y en flash pongas en el primer frame

Stage.align = "";
Stage.scaleMode = "noScale";

Por cierto, quiero comentar que el codigo de fael no funciona en algunos explorer de manera correcta ya que se vuela el streaming y solo ejecuta la pelicula cuando se termina de cargar. Ahi mencionan como hacerlo funcionar.

http://alistapart.com/articles/flashsatay/

Saludos!

Por tangamampilia

.GAIA Developer

961 de clabLevel

6 articulos

Genero:Masculino Anime Bloggers

Envíale un mensaje privado Web

México, D.F.

Citar

Escrito el 12 Ago 2005 05:49 am

wow, cuantos consejos, voy a probar todos y ya le diré/mostraré como queda .

Muchas Gracias a todos. :wink:

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino

Envíale un mensaje privado Email Web

Cd. Juárez, Chihuahua, México.

@LA100RRA

Citar

Escrito el 12 Ago 2005 10:32 pm

...fael aparte el codigo que pusiste arriba tampoco llegaba a centrarme el swf...

Eso pasa porque lo estas viendo en Internet Explorer... para ello debes agregarle (después de margin: 0px auto; padding: 0px;)

Código :

text-align: center;

Sino, it doesn't work buddy.

Éxito!

P.D. Por cierto, creo que este mismo tema ha sido abordado con anterioridad y hemos dado parecidas respuestas... ¬_¬

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Centrar un swf

Escribe una respuesta rapida