Ir para conteúdo
Wiktória

Como colocar o menu na parte lateral em um site ?

Recommended Posts

estou tentando criar um site para mim,mas estou tendo dificuldades,pois eu sou bastante inexperiente.Estou precisando de ajuda com essas duas coisas:

1.uma das coisas q eu quero fazer é um menu que fica na lateral da pagina,como esse por exemplo

exemplo

2.onde eu arrumo para que todas as paginas tenha esse estilo de menu : no CSS ou no HTML?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Css: 

body{
    margin: 0px;
}

.divmenu{
    width: 15%;
    height: 700px;
    float:left;
    background-color:#4b4b4b;
    
}

.navmenu ul >a  {
    color: #fff;
    text-decoration: none;
    list-style-type: none;
    ;
    border-bottom: 1px solid #f3f3f3;

}
.conteudo{
    width: 90%;
    height: 700px;
    background-color: black;

}

html:  

<!DOCTYPE html>
<html>
    
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Login - Quality Defender</title>
    <link rel="stylesheet" href="style.css">

 </head>
<body>
<div class="divmenu">
    <nav class="navmenu">
        <ul>
            <a href="#"><li>Início</li></a>
            <a href="#"><li>Catálogo</li></a>
            <a href="#"><li>Empresa</li></a>
            <a href="#"><li>Sobre</li></a>

        </ul>
    </nav>
        
</div>

<div class="conteudo">
    <h3>Conteúdo</h3>
</div>


</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Bruno123
      Olá, estou com uma dúvida na hora  de retornar se o número é primo ou não, poderiam me ajudar por gentileza ? Obrigado !
      <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="javascript.js"></script> </body> </html> 'use strict' let num = prompt("Insira um número:"); let c = 0; for (i = 1; i <= num; i++) { if (num % i == 0) { c++; } } if (c == 2) { alert ("É PRIMO") } else { alert("NÃO É PRIMO") }  
    • Por ErikaLiy
      Estou começando agora com html e estou criando um site. Gostaria de saber se é possível reutilizar o código html em outras paginas. Por exemplo, todas as páginas do site terão o mesmo menu. Como faço para não precisar ficar colocando o mesmo código em todas as páginas? E caso também eu precise alterar algo, por exemplo incluir ou excluir um botão, eu consiga alterar apenas uma vez e não tenha que fazer isso de página por página.
    • Por guma.cojogra@gmail.com
      Alguém poderia me ajudar a criar um mapa mental usando css e html?
      procurei na internet mas não consegui entender e não achei nenhum tutorial ou explicação que pudesse utilizar
      quais as propriedades css que devo utilizar para criar as linhas ligando um nó a outro?
       
       
      vou postar uma imagem de exemplo de como deve ficar.

      obrigado
    • Por gustavozavanin
      Olá Galera, 
      O site de um cliente foi atacado por vírus no mês passado. Contratei os serviços da empresa Sucuri.net e eles me entregam os arquivos íntegros e o site funcionando novamente. Para a minha surpresa, o google não quer indexar os meus anúncios, mesmo após a avaliação manual, eles acusam que ainda existem links com redirecionamentos dentro do site.

      (Esses são os links que o Google acusa após a avaliação manual)
       
      http://www.hipermixbrasil.com.br/argamassa.php http://www.hipermixbrasil.com.br/contato-detalhe.php?id=MQ== http://www.hipermixbrasil.com.br/ http://www.hipermixbrasil.com.br/simulador.php http://www.hipermixbrasil.com.br/servicos-detalhe.php?id=Mw==
      Eu já tentei criar redirects 301 para essas páginas.
      Eu não consigo solucionar esse problema. O site está 100% limpo segundo 3 scanners diferentes, incluindo o monitor de problemas do Google.

      Por favor se alguém puder me ajudar, já não sei mais o que fazer
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.