Hola, tengo un problema, soy principiante en este curso, no sé porque no me deja pasar al extremo derecho el menú. Visual Code me tira el...

Nicole Eunice Ayala Ruiz

Pregunta

student•hace 5 años

Hola, tengo un problema, soy principiante en este curso, no sé porque no me deja pasar al extremo derecho el menú. Visual Code me tira el error en .header, pero no se que es. Podría alguien revisar mi código y mencionarme mi error? Muchas gracias.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-widht, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Buscador</title>
</head>
<style>
    body {
        margin: 0px;
        background-color: #957FEF;
    }
    . header {
        background-color: #957FEF;
        width: 100% ;
        height: 80px;
        display: flex;
        justify-content: space-between ; 
        align-items: center;
     }
     .header__img {
        width: 200px;
        margin-top: 10px;
        margin-left: 10px;
     }    
     .header__menu {
         margin-right: 30px ;
     }
     .header__menu ul {
        /*display: none*/;
        list-style: none;
         padding: 0px;
         position: absolute ; 
         width: 100px;
         text-align: right;
         margin: 0px 0px 0px -14px;
     }
     .header__menu--profile {
         margin-right: 8px;
         width: 40px;
     }
</style>
<body>
    <header class="header">
        <img class="header__img" src="https://raw.githubusercontent.com/platzi/PlatziVideo/feature/react/src/assets/static/logo-platzi-video-BW2.png".>
         <div class="header__menu">
            <div class="header__menu--profile"> 
                <img src="./icons8-cambiar-usuario-masculino-64.png" alt="User">
                <p>Perfil</p>
            </div>
            <ul>
                 <li><a href="/">Cuenta</a></li>
                 <li><a href="/">Cerrar sesión</a></li>
            </ul>
         </div> 
    </header>
</body>
</html>```

Jhanpiere Montes

student•hace 5 años

Pequeños detalles son importantes para la sintaxis del código.🚀

Nicole Eunice Ayala Ruiz

student•hace 5 años

Muchas gracias!!

Luis Lira

student•hace 5 años

Creo que es por el espacio que tienes entre el punto y la h. También, cuando tienes errores, es mejor que nos compartas el texto del error o una captura del error, así podemos ver con más claridad qué está pasando.

Solo necesitas arrastrar la imagen desde tu PC a la caja de comentarios y se sube automáticamente :D

Sneyder Barreto

student•hace 5 años

¡Hola! Asegúrate que en el CSS tengas el selector como

.header

. Veo que lo tienes con un espacio:

. header

. Lo cual te genera un error. Un saludo.

Hola, tengo un problema, soy principiante en este curso, no sé porque no me deja pasar al extremo derecho el menú. Visual Code me tira el...

Curso de Frontend Developer

Curso de Frontend Developer