Entrar

Problemas con la 3ª lección!!!!

alex0083 · · Solicitar retirada
Necesito ayuda por favor,

En el preview me salen algunos fallos, como por ejemplo la barra de navegación esta en medio de la cabecera, y no a continuación.
El menu no respeta los margenes.
Llevo más de dos horas intentando modificar el archivo con las respuestas de otras personas que han escrito en el foro, pero ni así me sale.
Gracias a todos.



<!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">

[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div >
    <h1>Esta será 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>


    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 pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    * {text-indent: opx ; margin:0px ;padding:0px ; border: 0px}
    p{text-align: justify }
    h1 {font-size: 1.2em; color:blue ; font-weight:bold ; text-decoration:underline ; text-align:center }
    h2 {font-size: 1.2em; color:blue ; fonr-weight:bold ; text-decoration:none ; text-align:center }
    body {text-align: center }
    #global {width: 800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/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 ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top: 25px }
    #navegacion {background-color: gray ; border: black 1px solid }
    #contenido {background-color: orange ; border: black 1px solid ; width: 800px ; float:left }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right: 3px 10px 3px 3px}
    #menu li {list-style:none ; margin: 4px }
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    a {color: brown; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver }
    a:active {}
    • Luzbelitocreaciones · · Solicitar retirada
    Hola Alex0083

    Te falta el cierre del logotipo </div>

    <!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">

    [contenido no disponible]
    </a> </div> <div id="publicidad">Bienvenidos a mi Web</div></div>
    <div id="navegacion">Barra de navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div >
    <h1>Esta será 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>


    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 pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Te lo marque en rojo

    Suerte
    • Ana Luisa · · Solicitar retirada
    Hola Alex,

    Te he encontrado 2 errores, vamos con el primero:

    1. en plantilla.html, simplemente te has olvidado de poner la etiqueta de cierre (</div>) a la capa CONTENIDO y no a logotipo como dice luzbelita. Esa etiqueta de cierre tienes que ponerla después del div publicidad ya que éste va dentro de la capa contenido.

    2. en estilo-general.css, has puesto margin-right:1px 2px 3px 4px, es decir, con 4 medidas cuando solo debe tener una. O bien, pones margin con 4 medidas o solamente margin-right pero con una sola medida. Ejm:

    margin:1px 2px 3px 4px o pones:
    margin-right:1px

    Corriges y nos cuentas. Saludos.
    Ana Luisa · · Solicitar retirada
    HOLA ALEX,

    Soy yo nuevamente para hacer una corrección. En el error número 1 que te comenté, quise decir CABECERA y NO CONTENIDO. Ese fue un lapsus mío.

    Ten presente de poner la etiqueta de cierre, </div>, despúes de la capa publicidad porque ésta pertenece a la cabecera.

    Saludos.