Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

[Duda] La página de destino se ve más pequeña

Referente al curso HTML5 y CSS3 parte 3: Trabajando con formularios y tablas, en el capítulo Creando una nueva página y actividad Comenzando la página de contacto

por SilviaJulianaRocioDiazDiaz
| 105k xp | 188 posts

Hola! Sucede que la página "Contacto", habiendo ya copiado y pegado los códigos de Head, Header y Footer, tiene espacios en blanco por fuera: Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidadAquí dejo mi código:

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Productos - Barbería Alura</title>
        <link rel="stylesheet" href="productos.css">
        <link rel="stylesheet" href="reset.css">
    </head>

    <body>
        <header div class="caja">
            <div>
                <h1> <img src="imagenes/logo.png"> </h1>
            <nav>
                <ul class="navegacion">
                    <li><a href="HTML 1/index.html"> Home</a></li>
                    <li><a href="productos.html"> Productos</a></li>
                    <li><a href="contacto.html"> Contacto</a></li>
                </ul>
            </nav>

            <footer>
                <img src="imagenes/logo-blanco.png">
                <p class="copyright">&copy Copyright Barbería Alura 2020
                </p>
            </footer>

        </body>
2 respuestas
por Ángel Daniel Rodríguez Mora
| 67.2k xp | 8 posts
Ventas

Tienes un erro en el codigo del header, no puede div dentro de la etiqueta header, ya que ambas son etiquetas, ese div dentro de la etiqueta y solo dejalo de la siguiente manera

. Saludos,
por DianaPaolaCardozo
| 96.4k xp | 42 posts

Hay varios errores que podría considerar:

  1. En la línea 14, tienes una etiqueta de cierre incorrecta. En lugar de </body>, debería ser </header>para cerrar la etiqueta del encabezado.
  2. En la línea 15, estás abriendo una etiqueta de pie de página (), pero no la estás cerrando. Deberías agregar </footer> antes del cierre de la etiqueta del cuerpo (</body>).

Propongo algo

<body>
    <header class="caja">
        <div>
            <h1> <img src="imagenes/logo.png"> </h1>
            <nav>
                <ul class="navegacion">
                    <li><a href="HTML 1/index.html"> Home</a></li>
                    <li><a href="productos.html"> Productos</a></li>
                    <li><a href="contacto.html"> Contacto</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <footer>
        <img src="imagenes/logo-blanco.png">
        <p class="copyright">&copy Copyright Barbería Alura 2020
        </p>
    </footer>
</body>