Solucionado (ver solución)
Solucionado
(ver solución)
4
respuestas

Posicionamiento y centrado

Buenas noches a tod@s, sigo tratando de llegar lejos!!!

HTML

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <title>Servicios</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="servicios.css">
</head>

<body>

    <header>
        <div class="cajónHeader">
            <h1><img src="Servicios/Logo.jpg" id="Logo"></h1>
            <nav>
            <ul>
                <li><a href="Mi-primera-página-web.html">Home</a></li>
                <li><a href="Servicios.html">Servicios</a></li>
                <li><a href="Contáctenos.html">Contáctenos</a></li>
            </ul>
            </nav>
        </div>
    </header>

</body>

</html>

CSS

header{
    background-color: greenyellow;
    padding: 20px 0;
}

.cajónHeader{
    width: 940px;
    position: relative;
    margin: 0 auto;
}

nav{
    position: absolute;
    top: 55px;
    right: 0;
}

#Logo{
    width: 200px;
    height: 100px;
    padding: 10px;
}

nav li{
    display: inline;
    margin: 0 0 0 15px;
}

nav a{
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

Saludos cordiales y apretón de mano desde Medellín - Colombia.

4 respuestas
solución!

Hola Estiwar, espero que esté bien.

Gracias por compartir tu código con nosotros, he probado aquí y el resultado ha sido muy bueno.

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte =)

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

Buenas noches señoritaMaria Fernanda Ferreira mil gracias por revisar mi código...

Saludos cordiales y apretón de mano desde Medellín - Colombia.

como dato tambien en lugar de ocupar 940px podrias ocupar porcentaje, dado a que el tamaño de las pantallas varian.

Buenas tardes señor Herny Hernando Herrera Hernández mil gracias por el concejo. Lo tendré muy en cuenta.

Saludos cordiales y apretón de mano desde Medellín - Colombia.