Diseño Web /

[DREAMWEAVER] Centar Pagina

Participa en el tema [DREAMWEAVER] Centar Pagina en el foro Diseño Web.
Alguien Me Dice Como Deberia Hacer Para Que La Pagina Que Estoy Por Empezar A ...

Buscar en este tema:
1 2 >
 
  •  
    Verdolaga escribió el 18/10/2007 a las 13:31 hs.
     
    ¿Mensaje inapropiado?
    #1 [DREAMWEAVER] Centar Pagina
    Alguien Me Dice Como Deberia Hacer Para Que La Pagina Que Estoy Por Empezar A Diseñar, Que De Hecho Va A Ser Muy Simple, Pueda Centrarla Y Si Es Posible Que Se Adapte Lo Mejor Posible A Distintas Resoluciones. La Voy A Diseñar En 1024x768? Que Opinan. Saludos
    +
     
    0
    Me gusta
     
    http://www.psicofxp.com/forums/diseno-web.210/547310-dreamweaver-centar-pagina.html
    | Más
  • ZeroNets escribió el 18/10/2007 a las 14:15 hs. ¿Mensaje inapropiado?

    #2 Re: Centar Pagina

    Para centrarla deberías agregarle en el body la siguiente clase:

    .body{text-align:center;display:table;
    margin:0px auto;
    }

    Me parece bien que la diseñes en 1024x768, ya poca gente utiliza una resolución de 800x600.

    Saludos,
    Tomás
    Me gusta este mensaje
  • Verdolaga escribió el 18/10/2007 a las 16:18 hs. ¿Mensaje inapropiado?

    #3 Re: Centar Pagina

    tal cual esta es decir esto me aparece, en donde iria:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento sin t&iacute;tulo</title>
    </head>
    <body>
    </body>
    </html>

    y antes de insertar una tabla o despues? saludos
    Me gusta este mensaje
  • ZeroNets escribió el 18/10/2007 a las 16:53 hs. ¿Mensaje inapropiado?

    #4 Re: Centar Pagina

    Tendrías que ponerlo o antes de que termine el head o en un archivo .css

    Si lo vas a insertar en el html:
    <STYLE TYPE="text/css">
    <!--
    body {
    text-align:center;
    display:table;
    margin:0px auto; }
    -->
    </STYLE>

    Si lo haces en un archivo .css directamente lo metes en el archivo:

    /* CSS Document */
    body {
    text-align:center;
    display:table;
    margin:0px auto; }

    Hay que leer para ir aprendiendo
    Te conviene usar el Dreamweaver así vas viendo como trabaja.

    Saludos,
    Tomás
    Me gusta este mensaje
  • Bahiense escribió el 18/10/2007 a las 17:35 hs. ¿Mensaje inapropiado?

    #5 Re: Centar Pagina

    si usas el dreamweaver ,podes directamente insertar una tabla de 1 fila y 1 columna ( adentro de esa celda va a ir todo el contenido de la pagina ) , centrada en la pagina , y que el ancho sea un porcentaje del ancho de la pagina ( no algo fijo en pixeles ) ; pero hacelo todo desde la pestaña de diseño , no hace falta que escibas el codigo html
    Me gusta este mensaje
  • juanuuu escribió el 25/10/2007 a las 22:41 hs. ¿Mensaje inapropiado?

    #6 Re: Centar Pagina

    Bahiense no está diciendo algo que no es. Igualmente pienso que en CSS quedaría más prolijo...
    Aunqe si les soy sincero, hago lo qe hace BAHIENSE
    Me gusta este mensaje
  • ElMonoQueChilla escribió el 28/10/2007 a las 14:09 hs. ¿Mensaje inapropiado?

    #7 Re: Centar Pagina

    Porque diseñar con tablas es estúpido

    Me gusta este mensaje
  • Verdolaga escribió el 31/10/2007 a las 12:23 hs. ¿Mensaje inapropiado?

    #8 Re: Centar Pagina

    A Ver Como Seria, Cree Una Tabla De 1fila Y 1 Columna, Meto Una Capa Dentro Con Algo Texto O Imagen, Pero Al Pasar De 1024x768 A 800x600 Solo Me Centra La Tabla? Que Hago Mal? Saludos
    Me gusta este mensaje
  • ElMonoQueChilla escribió el 01/11/2007 a las 15:33 hs. ¿Mensaje inapropiado?

    #9 Re: Centar Pagina

    fácil:
    1- Olvidate de la tabla.
    2- Pone todo el contenido de la página adentro de un div.
    3- Al div ponele el ancho que quieras. Supongamos que le ponés 750px (podría ser %... depende de tu diseño)
    4- Seguimos con el estilo del div: le agregás un left:50%; y position:relative;
    5- Por último, le agregás al div un margin-left, con un valor igual a -(anchoDelDiv/2). Siguiendo con el ejemplo, te quedaría margin-left: -375px.

    6- Voilá

    edit: te pongo un ejemplo


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento sin t&iacute;tulo</title>
    <style type="text/css">
    .main{
    width:750px;
    left:50%;
    margin-left:-375px;
    position:relative;

    }
    </style>
    </head>
    <body>
    <div class="main">
    Hola Mundo Centrado
    </div>
    </body>
    </html>
    Me gusta este mensaje
  • Diegote84 escribió el 02/11/2007 a las 14:39 hs. ¿Mensaje inapropiado?

    #10 Re: Centar Pagina

    MASTER NO TE COMPLIQUES LA VIDA CON CODIGO:

    Trabajas con Dreamweaver...

    Crea una tabla con 1 fila y 1 columna y luego en las propiedades de la tabla le pones que la centre y listo.

    Hace la prueba de minimizar la ventana del explorer cuando hagas la prueba y te va corregir la tabla para que quede en el medio.

    No uses capas por que cuando minimizas la ventana del explorer cuando ves la pagina te agrupa las capas mal.

    SUERTE
    Me gusta este mensaje
1 2 >


Estadísticas del tema
  • 10 RESPUESTAS
  • 796 VISTAS
  • 7 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB