Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

[Duda] El texto del Copyright no se modifica con el css

Hola, apliqué todo tal cual el video pero el CSS no esta haciendo efecto sobre el texto donde está el Copyright

HTML:

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

    <header>

        <div class="caja">
            <h1><img src="imagenes/logo.png" alt=""></h1>
            <nav>
                <ul>
                    <li> <a href="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>

    <main>
        <ul class="productos">
            <li>
                <h2>Cabello</h2>
                <img src="imagenes/cabello.jpg" alt="">
                <p class="producto-descripcion">Con tijera o máquina, a gusto del cliente</p>
                <p class="producto-precio">$10.00</p>
                </li>
            <li>  <h2>Barba</h2>
                <img src="imagenes/barba.jpg" alt="">
                <p class="producto-descripcion">Corte y diseño profesional de barba</p>
                <p class="producto-precio">$08.00</p>
                </li>
            <li>
                <h2>Cabello + Barba</h2>
                <img src="imagenes/cabello+barba.jpg" alt="">
                <p class="producto-descripcion">Paquete completo de cabello y barba</p>
                <p class="producto-precio">$15.00</p></li>
        </ul>


    </main>

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

Este es el CSS del footer y el copyright


footer{
    text-align: center;
    background: url(imagenes/bg.jpg);
    padding:40px;
};

.copyright{
    color: #FFFFFF;
    font-size: 13px;
    margin:20px;
}
3 respuestas

Acá está la imágen Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

solución!

¡Hola Mayra!

En tu código HTML, veo que tienes el elemento <footer> que contiene la imagen y el texto de derechos de autor. En tu CSS, veo que estás aplicando estilos al elemento <footer> y también al elemento con la clase copyright.

El problema puede ser que tienes un punto y coma después del bloque de estilos del elemento <footer>. Esto puede estar causando que el estilo para el elemento con la clase copyright no se aplique correctamente.

Para solucionar esto, simplemente elimina el punto y coma después del bloque de estilos del elemento <footer> en tu archivo CSS. Tu CSS debería verse así:

footer{
    text-align: center;
    background: url(imagenes/bg.jpg);
    padding:40px;
}

. copyright{
    color: #FFFFFF;
    font-size: 13px;
    margin:20px;
}

Espero que esto resuelva tu problema. ¡Buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)

Muchas gracias Rafaela, si era eso. Saludos!!!