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

CABEÇALHO NAO FICA EM 940px MEU MENU FICA NA DIREITA COLADO

boa tarde!!veio aqui pedir uma ajudaestou seguindo passos do professor,quando chega na parte de colocar caixa no cabeçalho,minha caixa nao aparece no inpecionar e fiz exatamente oque professor executo nao consigo posicionar menu na onde quero ele apenas fica nessa posiçao

segue o Html:

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Produtos-Barbearia Alura</title>
        <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="loja.html">Home</a></li>
                        <li><a href="produtos.html">Produtos</a></li>
                        <li><a href="contados.html">Contados</a></li>
                    </ul>
                </nav>    
            </div>
        </header>
    </body>
</html>

Segue css: header{ background:#bbbbbb;

}

.caixa{ widht: 940px; postion: relative; 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; }

me ajudem pfv!!!

2 respostas

Não entendi qual ajuda você quer, mas no seu css, tem erro de sintaxe, talvez o que você precise, se resolva corrigindo isso:

// DE:  widht: 940px;
// PARA: width: 940px;

// DE:   postion: relative;
// PARA: position: relative; 
solução!

Oi João, tudo bem?

Primeiro, corrige sua class caixa, deixe o = colado à palavra caixa. Pode ser que esse errinho interfira no código.

<div class="caixa">

No CSS, precisa fazer algumas correções de erro de digitação. Você escreveu widht ao invés de width e postion ao invés de position.

.caixa {
    width: 940px;
    position: relative;
    margin: 0 auto;
}

Creio que fazendo essas correções seu código irá funcionar certinho.

Um abraço e bons estudos.