Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 4 de 4

Tema: COMO CENTRAR LA PAGINA Y HACER QUE SE VISUALICE ENTERA

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    05 sep, 10
    Mensajes
    26
    Poder de Reputación
    7

    COMO CENTRAR LA PAGINA Y HACER QUE SE VISUALICE ENTERA

    Hola amigos buenos días, me gustaría saber si alguien podría ayudarme.

    Necesito saber como se centra la pagina en dreamweaver. He leído en algunos sitios que hay que crear una tabla, centrarla y anidar las celdas nuevas. Lo he hecho pero, esta claro que mal, pues se centra la tabla y el resto de las celdas se quedan a la izquierda y no se adapta el tamaño a otros monitores.
    Podeis decirme como lo hago.

    Gracias por vuestra ayuda, saludos a todos

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    27 mar, 09
    Mensajes
    364
    Poder de Reputación
    10
    Si pones aquí el código de la web, te la centro.
    http://www.comocrearwebs.zobyhost.com

    Aprende a crear páginas webs

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    05 sep, 10
    Mensajes
    26
    Poder de Reputación
    7
    Cita Iniciado por jose93
    Si pones aquí el código de la web, te la centro.
    Muchas gracias por tu atención. Te cuento: - estoy intentando centrar la imagen de fondo, con center se me centra en internet explorer pero... en en otros como firefox... ni se ve.
    No se si se puede poner la pagina pero no se como indicarte lo que se ve sino. http://www.currantas.es/cocina/cocina.html

    y el codigo de la pagina es:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>

    <head>
    <title>La cocina de Mami</title>
    <link rel="stylesheet" href="/estiloscocina.css" type="text/css" media="all">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    .Estilo16 {font-family: "Comic Sans MS"; font-weight: bold; font-size: 16px; color: #FFFFFF; }
    a {
    color: #000066;
    font-weight: bold;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    color: #FF0000;
    }
    a:active {
    text-decoration: none;
    }
    .Estilo23 {
    font-size: 18px;
    font-weight: bold;
    color: #000033;
    }
    .Estilo27 {color: #000033}
    .Estilo28 {font-size: 18px}
    .Estilo36 {font-family: "Comic Sans MS"; font-weight: bold; font-size: 16px; color: #000066; }
    body,td,th {
    font-size: 16px;
    }
    .Estilo42 {color: #FFFFFF}
    .Estilo43 {
    color: #000066;
    font-size: 22px;
    }
    .Estilo44 {color: #000066}
    .Estilo45 {font-size: 18px; font-weight: bold; color: #000066; }
    -->
    </style>
    </head>

    <body>
    <div id="Layer1" style="position:absolute; left:23px; top:101px; width:164px; height:25px; z-index:1">
    <div align="center"><span class="Estilo16">La cocina de Mami </span></div>
    </div>


    <div id="Layer9" style="position:absolute; left:166px; top:152px; width:218px; height:18px; z-index:15"></div>

    <div id="Layer10" style="position:absolute; left:477px; top:142px; width:414px; height:18px; z-index:14; font-size: 24px; color: #000033; font-weight: bold;"><span style="color: #FFFFFF">&iexcl; Es f&aacute;cil cocinar si ves como se hace !</span> </div>

    <div id="Layer4" style="position:absolute; left:232px; top:187px; width:647px; height:28px; z-index:9">
    <p align="center" class="Estilo27 Estilo32" style="font-size: 24px"></p>
    </div>


    <div id="Layer6" style="position:absolute; left:159px; top:225px; width:817px; height:351px; z-index:11">
    <table width="100%" height="361" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th height="31" colspan="2" scope="col"><p style="font-size: 24px"><span class="Estilo27 Estilo32" style="">&Uacute;tima receta colocada por Mami en la web</span></p>


    <span class="Estilo27 Estilo32" style="font-size: 24px"> &iexcl; ensaladilla rusa ! </span></p></th>
    <th height="31" scope="col"><span class="Estilo27 Estilo32">[img]/cocina/ensaladas/ensaladillarusa/ensaladillarusa2.JPG[/img]</span></th>
    </tr>
    <tr>
    <th width="36%" height="210" scope="col"><span class="Estilo27 Estilo32">[img]/cocina/carnes/codorniz/codorniz.jpg[/img]</span></th>
    <th width="28%" scope="col"><span class="Estilo27 Estilo32">[img]/cocina/pescados/mejillones/fotoportada.JPG[/img]</span></th>
    <th width="36%" scope="col"><span class="Estilo27 Estilo32">[img]/cocina/postres/natillas/natillasportada.jpg[/img]</span></th>
    </tr>
    </table>
    </div>


    <div id="Layer8" style="position:absolute; left:149px; top:585px; width:818px; height:78px; z-index:12">
    <p align="center" class="Estilo27 Estilo32" style="font-size: 36px">&iexcl; Pronto estar&aacute;n ! </p>
    <p align="center" class="Estilo32 Estilo28 Estilo35">Accesibles todas las recetas </p>
    </div>

    <div id="Layer5" style="position:absolute; left:909px; top:5px; width:153px; height:111px; z-index:5"></div>


    <div id="Layer7" style="position:absolute; left:10px; top:170px; width:122px; height:372px; z-index:6">
    <table width="123" height="371" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <th scope="col"><div align="left">Inicio</div></th>
    </tr>
    <tr>
    <th scope="col"><div align="left">Cocina</div></th>
    </tr>
    <tr>
    <th scope="col"><div align="left" class="Estilo23">Postres</div></th>
    </tr>
    <tr>
    <td><span class="Estilo25 Estilo23 Estilo28">Carnes</span></td>
    </tr>
    <tr>
    <td><span class="Estilo27"><span class="Estilo23">Pescados</span></span></td>
    </tr>
    <tr>
    <td><span class="Estilo23">Verduras</span></td>
    </tr>
    <tr>
    <td><span class="Estilo23">Legumbres</span></td>
    </tr>
    <tr>
    <td><span class="Estilo23">Pasta</span></td>
    </tr>
    <tr>
    <td><span class="Estilo23">Masas</span></td>
    </tr>
    <tr>
    <td><span class="Estilo23">Tortillas</span></td>
    </tr>
    <tr>
    <td>Arroz</td>
    </tr>
    <tr>
    <td>Huevos</td>
    </tr>
    <tr>
    <td></td>
    </tr>
    </table>
    </div>

    <div id="Layer3" style="position:absolute; left:33px; top:103px; width:154px; height:24px; z-index:7"><span class="Estilo36">La cocina de Mami</span></div>

    <div id="Layer2" style="position:absolute; left:478px; top:141px; width:390px; height:34px; z-index:13; font-weight: bold; font-size: 24px; color: #000066;">&iexcl; Es f&aacute;cil cocinar si ves como se hace ! </div>

    </body>
    </html>



    el archivo de css

    body {
    background-color: #768BB8;
    background-image: url(/objetos/fondo-cocina.jpg);
    background-repeat: no-repeat;

    }
    }


    Gracias por tu ayuda.
    Saludos

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    24 ago, 09
    Mensajes
    258
    Poder de Reputación
    0
    Te lo digo sin mirar el código que pusiste...yo lo hago como te lo voy a decir...creo una etiqueta div principal, y a ella le pones en el css el height auto, y el margin left y margin right, también a auto...lo de los margins auto es para que se ponga en el centro, y lo del height auto, es para que la altura de ese div se ajuste a lo que pongas dentro...y luego en ese div ya creas tus divs cabecera...contenido, pie de página.

    un consejo, esto que tienes por aquí:
    .Estilo16 {font-family: "Comic Sans MS"; font-weight: bold; font-size: 16px; color: #FFFFFF; }
    a {
    color: #000066;
    font-weight: bold;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    color: #FF0000;
    }
    a:active {
    text-decoration: none;
    }
    .Estilo23 {
    font-size: 18px;
    font-weight: bold;
    color: #000033;
    }
    .Estilo27 {color: #000033}
    .Estilo28 {font-size: 18px}
    .Estilo36 {font-fam......etc

    ponlo todo eso en el archivo css...al fin y al cabo da un poco igual...pero así tienes mas organizado tu código.

    Si necesitas más ayuda o no entendiste algo de lo que te puse no dudes en ponerlo y intentaré resolverlo.

Temas Similares

  1. Como hacer 'upload' de una carpeta entera.
    Por pabloosmo en el foro Foros
    Respuestas: 4
    Último Mensaje: 26/04/2010, 16:12
  2. Cómo ver mi página entera en internet...
    Por kuwek en el foro Foro General
    Respuestas: 9
    Último Mensaje: 27/06/2008, 20:06

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •