Entrar

TEMA 2 CURSO PASO A PASO

MIMORENA · · Solicitar retirada
HOLA A TODOS!
Es la primera vez que participo en un foro, pero todo sea por aprender, nunca te acostarás sin saber un cosa más.
Me he quedado bloqueada en la lección 2 del curso paso a paso, he creado la pag web tal cuál dice la lección pero algo me falló, me sale la linea "Este es el pie de página" en el lateral derecho al lado de " Esta será la zona principal" y no debajo. He hecho modificaciones tanto en el archivo estilos cómo en plantilla y no consigo pasarlo abajo.
Ojala me entendais y me podais ayudar!

Que tengais un buen día!!!! :wink:
Jugoncan · · Solicitar retirada
Pues a ver si puedes ponernos los códigos html y css para poder localizar el problema
Saludos :wink:
MIMORENA · · Solicitar retirada
Gracias por contestar.
Al acabar la lección 2 se me arreglo el problema.
No sé cómo!!!, por ello te paso la información que me pides para que la revises.
html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • <a href="#">Enlace
    2</a>
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es el segundo parrafo y ponemos de todo hasta que queramos cambiar de tema ó de parrafo
    y entonces volvemos a poner el inicio y el cierre de p.</p><h2>Este es el tercer parrafo.</h2> Es un poco
    costoso y mucha concentración pero poco a poco se va consiguiendo</p>
    </div>
    <div id="pie">Este es el pié de pagina</div>
    </div>
    </body>
    </html>
    :!: :!: :!: :!:
    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; widht: 800px ; float:left}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow; width: 150px ; float:left ;
    text-align:left}
    #menu {...............margin:3px 10px 3px 3px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown}
    a{color:brown ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color:silver}
    a:active {}
    a{color:brown ; text-decoration:none ; display:block}
    p{text-align: justify}
    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: center}
    • Jugoncan · · Solicitar retirada
    Pues el problema era que a la capa contenido no hay que ponerle float: left en la hoja de estilos.
    Saludos :wink: