Entrar

Centrar mi pagina web

dyonweb · · Solicitar retirada
Hola amigos:
Por error, me olvide añadir /plantilla.html a la direccion de la pagina el cual he seguido las indicaciones en el curso paso a paso, pero sale pegado a la izquierda
Mi pagina es //subdominiodaniel.atwebpages.com/plantilla.html

la plantilla.html es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"> Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta sera la zona principal de la Web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>


    <h2>Y este es el tercer párrafo.</h2></p>


    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie"> Este es el pie de pagina</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    los estilos-generales.css es:
    *{margin:0px ; padding:0px ; border: 0px}
    #curva-superior { background-image: url(objeto/curva-superior.gif) ; background-repeat: no-repeat;width:800px;height:12px; overflow:hidden}
    #cabecera {background-color: white; border-left:black 1px solid; border-right:black 1px solid; text-align:center;height:85px}
    #logotipo {background-color: white; width:280px; float: left}
    #publicidad {background-color: white; width:518px; float: left;margin-top:25px}
    #navegacion {background-color: gray; border:black 1px solid }
    #contenido {background-color: orange; border-left: black 1px solid; border-right: black 1px solid }
    #contenido p {padding: 1px 10px 1px 10px;text-indent: 15px}
    #pie {background-color: white; border-left:black 1px solid; border-right:black 1px solid; border-top:black 1px solid;text-align:center}
    #curva-inferior { background-image: url(objeto/curva-inferior.gif);background-repeat: no-repeat; width:800px;height: 12px
    overflow: hidden }
    #global {width:800px; margin: 10px auto}
    body {text-align: justify}
    #menu li{list-style:none; margin:4px 0px 4px 6px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
    a {color: brown; font-size:1.3em; text-decoration: none; display:block}
    a:link {}
    a:visited {}
    a:hover {color:red; text-decoration: underline; background-color:silver}
    a:active {}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
    • fernando mendoza · · Solicitar retirada
    hola revise esto que le señalo: aqui debe quedar como le muestro
    <div id="logotipo"><a href="index.html">[contenido no disponible]
    </a></div>
    aqui en rojo lo que le sobra


    <h2>Y este es el tercer párrafo.</h2></p>
    y aqui debe quedar asi como le muestro
    #curva-inferior { background-image: url(objeto/curva-inferior.gif);background-repeat: no-repeat; width:800px;height: 12px ;
    overflow: hidden }
    aqui igual tambien
    h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
    arreglelo y cualquier cosa nos avisa nuevamente. creo que le falta subir imagenes de la carpeta de objetos observe que es objetos y no (objeto)

    saludos.
    dyonweb · · Solicitar retirada
    Hola Fernando Mendoza,
    Ya hice todas las correcciones que me indicas, pero igual mi pagina sigue pegado al lado izquierdo.
    Si ingresas a la dirección: //subdominiodaniel.atwebpages.com/plantilla.html lo puedes verificar.
    He seguido todos los pasos desde un inicio del curso, pero no entiendo porque se pega al lado izquierdo.

    En relacion a las carpetas objetos, sucede que yo por error solo escribe "objeto".
    Saludos

    Dyon


    fernando mendoza escribió:hola revise esto que le señalo: aqui debe quedar como le muestro
    <div id="logotipo"><a href="index.html">[contenido no disponible]
    </a></div>
    aqui en rojo lo que le sobra


    <h2>Y este es el tercer párrafo.</h2></p>
    y aqui debe quedar asi como le muestro
    #curva-inferior { background-image: url(objeto/curva-inferior.gif);background-repeat: no-repeat; width:800px;height: 12px ;
    overflow: hidden }
    aqui igual tambien
    h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
    arreglelo y cualquier cosa nos avisa nuevamente. creo que le falta subir imagenes de la carpeta de objetos observe que es objetos y no (objeto)

    saludos.
    manmanu · · Solicitar retirada
    Hola a tod@s,
    hola ns.

    No, no se ve bien, claro que nuestro amig@ creo que utiliza la versión 6 de IE, por eso se le pega a la izquierda.

    Solo aparezco para decirte que debes hacer para ponerlo en el centro,
    solo esto,
    tu tienes;
    body {text-align: justify}
    Sustituyelo por esto, nada más;
    body {text-align:center;}

    Tiene algunos errores, pero te escribo el que te preocupa en tu consulta.
    Ya podrás justificar el texto en cada capa o tabla......
    Eso para despues....

    manmanu
    dyonweb · · Solicitar retirada
    Gracias Manmanu.
    Ya hice la modificacion que sugeristes y ahora si sale centrado.
    Saludos
    Daniel

    manmanu escribió:Hola a tod@s,
    hola ns.

    No, no se ve bien, claro que nuestro amig@ creo que utiliza la versión 6 de IE, por eso se le pega a la izquierda.

    Solo aparezco para decirte que debes hacer para ponerlo en el centro,
    solo esto,
    tu tienes;
    body {text-align: justify}
    Sustituyelo por esto, nada más;
    body {text-align:center;}

    Tiene algunos errores, pero te escribo el que te preocupa en tu consulta.
    Ya podrás justificar el texto en cada capa o tabla......
    Eso para despues....

    manmanu
    maopereira · · Solicitar retirada
    otra manera de centrar automatico, pues asi lo hago yo, es poner en el css,

    marging: 0 auto;

    espero que te sirva