quiero la pagina CENTRADA

maryiannita · #1 (**permalink**) 26/10/2006, 14:14

Hola, estoy haciendo mi pagina en flash, pero para guardarla como html paso mi archivo .swf a una página de dreamweaver. Quiero que las dimensiones sean siempre absolutas, pero que simpre la web se vea en el centro del navegador. Utilizando resolución 800x600 no es problema porque no queda excedente (la pagina esta hecha en 800x600), pero cuando se ve en 1024x768, sí queda excedente. Sé centrar la pagina con align=center, pero eso hace solo que se centre horizontalmente, me falta verticalmente....¿alguien me puede ayudar?

pretendo que quede como la pagina de warner channel, para que me entiendan...

Tecnogal · #2 (**permalink**) 26/10/2006, 16:11

Y no intentaste como esa pagina.. fijete en su codigo fuente

Cita:

Lo que hacen es poner frames a los lados y alto del flash de tal manera que llene los espacios vacios. Creo que es la forma mas fácil de intentarlo.

Por cierto soy nueva en el foro

isaacluz · #3 (**permalink**) 26/10/2006, 18:22

Prueba esto...

en tu HTML, posiciona el swf dentro de una tabla a como sigue

Código:

<table width="100%" height="100$">
   <tr align="center" valign="middle"><td>
    
  <!--  Y aqui pones tu codico del swf -->

   </td></tr>
</table>

maryiannita · #4 (**permalink**) 27/10/2006, 13:52

Hola..gracias por las respuestas...pero no me sale. el problema es que soy muuuy novata en html y no se ubicar perfectamente los códigos.

isaacluz: utilizando el valign "middle" solo me baja el contenido un poquito, pero no me queda bien centrado verticalmente, a menos que esté haciendo algo mal.

tecnogal: podrías ayudarme a hacer lo de la pagina warner pero desde el modo diseño? porque si pego ese código directamente hay cosas que yo debería cambiar y no se ni cuales ni como...

Por otro lado, sé crear un conjunto de marcos desde el modo diseño, así que lo intenté desde cero, pero cuando veo la pagina en 800x600 los marcos se siguen viendo, por lo que me queda mal acomodada..se entiende??

espero ayuda, gracias!

webosiris · #5 (**permalink**) 27/10/2006, 20:53

Muevo esto a CSS, ya que lo que sea estilos (posiciones, colores, tamaños, etc) se deben de hacer con CSS, concretamente aquí explican como

Tecnogal, bienvenida a FdW

. Solo una acotación, el código que pusistes es una verdadera chapuza (culpa de warner channel, no tuya)

iconogt · #6 (**permalink**) 28/10/2006, 10:14

Encierra todo dentro de un div :

Código:

div#centrado {
position : relative;
width : 777px;
height : auto;
margin : 0 auto;
padding : 0;
}

body { text-align : center; } /* Esto es para IE */

Espero te sirva, slds...

maryiannita · #7 (**permalink**) 29/10/2006, 10:08

iconogt: me puedes decir dónde exactamente tengo que meter ese código porque no estoy muy familiarizada con html. En realidad no se que es un div...
pero mientras quede la pagina centrada me contento! ja.
gracias

OJO: saque algunas partes por que no me dejan postear direcciones web

Código:


	Código HTML:
	<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>

<body>
<div align="center">
  <table width="760" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td width="760" height="420" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=version=6,0,29,0" width="760" height="420">
        <param name="movie" value="dios.swf">
        <param name="quality" value="high">
        <embed src="dios.swf" quality="high" pluginspagetype="application/x-shockwave-flash" width="760" height="420"></embed>
      </object></td>
    </tr>
  </table>
</div>
</body>
</html>

iconogt · #8 (**permalink**) 30/10/2006, 12:07

Paso a explicarte,

CSS:

Código:

body { 
text-align : center;
margin : 0;
 }

div#centrado {
position : relative;
width : 760px;
height : auto;
margin : 0 auto;
padding : 0;
}

XHTML:

Código:

<div id="centrado">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=version=6,0,29,0" width="760" height="420">
        <param name="movie" value="dios.swf">
        <param name="quality" value="high">
        <embed src="dios.swf" quality="high" pluginspagetype="application/x-shockwave-flash" width="760" height="420"></embed>
      </object>
</div>

No tablas, ese es el objevito, si te das cuenta es mucho más fácil de hacer las declaraciones en css las metes en el encabezado utilizando la respectiva etiqueta <style type="text/css">, o mejor aún!.. utilizar una hoja de estilos externa y la llamas por medio del tag link <link rel="stylesheets" type="tex/css" href="estilos.css" media="all">, en fin, es algo sencillo el div reemplaza a la tabla de 760px y está centrada también con 760px, y se tendría que ver bien en cualquier navegador.

PD: una observación, para no tener que estar escribiendo tantas declaraciones como lo muestras en tu código al momento de dar márgenes, es mas sencillo hacerlo con la sintáxis corta, ejemplo:

margin : 1px 0.5cm 1em 2px; Y van en el siguiente orden: arriba, derecha, abajo, izquierda.

Slds,

maryiannita · #9 (**permalink**) 06/11/2006, 08:31

Gracias iconogt! Trataré de poner en práctica estos consejos! A ver si salen...
Saludos!

Tecnogal · #10 (**permalink**) 07/01/2007, 23:50

Sorry por cuestiones de tiempo no segui ya este tema, garcias por la bienvenida, si el codigo es un espanto pero a algunos les parecio forma facil, ya ven ni los de WB tienen una pagina decente.

La verdad es que apoyo por completo el hacerlo con CSS saca de muchos apuros de ese tipo, claro sabiendolo usar

miczoe · #11 (**permalink**) 08/01/2007, 15:04

yo uso esto

Código:

<style>
body{margin:0;border:0 solid;width:100%;height:100%;padding:0;}
</style>

Código:

<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

Katanero · #12 (**permalink**) 23/06/2010, 08:56

Pues yo estoy ahora intentando hacer lo mismo y siguiendo todos los ejemplos no lo consigo, ¿ alguna ayudita ?

Lo mio es centrar una imagen en la pagina tanto horizontalmente como verticalmente pero no hay manera...

jomaruro · #13 (**permalink**) 23/06/2010, 16:01

Hola Katanero:

1º No deberías haber posteado en un tema tan antiguo, sino haber planteado tu duda en un tema nuevo.

2º Si hubieras utilizado el buscador del foro habrías visto que ese tema se ha tratado "cienes y cienes" de veces.

3º Centrado horizontal: margin:0 auto;

4º Centrado vertical: http://www.csslab.cl/2007/01/12/cent...tical-con-css/

Saludos.

Katanero · #14 (**permalink**) 24/06/2010, 00:57

gracias jomauro, no me habia fijado en las fechas del post ha sido un fallito