Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Meu alinhamento no navegador aparenta estar diferente do professor, o espaçamento das imagens dele parece ser menor que o meu, a minha logo parece estar mais distante.

    <link rel="stylesheet" href="reset.css">
    <link rel ="stylesheet" href="produtos.css">
</head>
<body>
    <header>
        <div class="caixa">

            <h1> <img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>

</body>

CSS

header { background: #BBBBBB; padding: 20px 0 ; }

.caixa{ position: relative; width: 940px; margin: 0 auto; } nav { position: absolute; top: 110px; right: 0; } 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; }

3 respostas

Fala ai Ludmila, tudo bem? Provavelmente você está utilizando quatro espaços como identação e ele utiliza dois.

Isso não tem nenhum problema.

Espero ter ajudado.

Acho que me expressei mal, digo o alinhamento no navegador, das imagens em png.

solução!

Fala Ludmila, precisa entender quais são os espaçamentos (externos ou internos), provavelmente você precise ajustar o margin ou padding dos elementos.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software