Comunidad de diseño web y desarrollo en internet

Centrar SWF de Flash en HTML

Este tutorial se tratara de cómo centrar una película en flash, por que si nosotros publicamos una película en flash, nos las mandara por default a la parte superior izquierda (lugar poco estético, por aquello de las resoluciones), para que quepa en todas las resoluciones aceptables desde 800x600 , yo manejo por conveniencia mi película a 720x420, y lógicamente existen muchas resoluciones para monitores, así que la opción mas fácil sin modificar la película es centrarla dentro de el Navegador, sea cual sea, este método esta probado en el mas popular Internet Explorer y y el mas seguro FireFox, Así que ahí vamos En la película , no debemos preocuparnos , seguirá intacta, lo único que modificaremos será su posicionamiento dentro de el navegador, por lo cual nos meteremos con el html que se genera cuando lo publicamos, lo editamos, yo utilizo por gusto el NotePad de windows
primero eliminamos esta línea de código de la primera línea del html:

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

Lo siguiente que haremos será generar una tabla que contenga a nuestro objeto de película de flash y lo centre dentro de ella y deberá quedar mas o menos de esta forma , entre el body y su final

<BODY bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" >
<!-- quitamos los bordes que se generan automaticamente para un mejor centrado , poniendolos todos a 0 -->
.
.
<!-- aqui van argumentos y demas cosas que no son necesario tocarlas -->
.
<table width="100%" border="0" height="100%" cellspacing="0"> <!-- declaramos una tabla que ocupe todo el espacio del navegador con borde 0 y espacio entre celdas 0 -->
<td valign="middle"> <!-- declaramos una fila con alinacion vertical en medio -->
<div align="center"> <!-- utilizamos un poco de CSS para central horizontal --> <OBJECT classid>
... aqui va el codigo que genera flash que contiene el nombre de la pelicula su alto su ancho su centrado etc, eso es lo que debe ir aqui sin modificaciones ...
</OBJECT>
</div>
</td>
</tr>
</table>
</BODY>

Guardan el documento Y listo eso es todo lo que necesitan.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate