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

[Dúvida] Cabeçalho - Logo entre o menu

Salve, pessoal!

Estou desenvolvendo um portfólio e gostaria de ter uma ideia de como inserir um logo entre os menus no cabeçalho.

Um exemplo:

Exemplo de um cabeçalho com o logo entre os menus

3 respostas
solução!

Opa Pedro, tudo bem?

Ótima pergunta!

Nos podemos utilizar tanto do CSS quanto do HTML para mudar a posição da logo, porém, por estar lidando com um projeto próprio, que possui suas peculiaridades e individualidades, para que eu possa te ajudar de forma mais assertiva, peço que por gentileza compartilhe o link do seu projeto conosco, seja pelo GitHub ou os arquivos no Drive.

Uma possível solução seria adicionar a imagem entre os itens do cabeçalho no próprio HTML, como mostra o código abaixo:

<header>
        <nav>
              <ul>
                    <li><a href="#">Menu 1</a></li>
                    <li><a href="#">Menu 2</a></li>
                    <li><img src="logo.png" alt="Logo do seu site"></li>
                    <li><a href="#">Menu 3</a></li>
                    <li><a href="#">Menu 4</a></li>
              </ul>
        </nav>
</header>

Caso não funcionar fico à disposição.

Fico à disposição.

Tenha um bom dia e bons estudos.

Ola de Moraes blz?

Seria uma boa pesquisar sobre nth-child no css .

Boa noite, gente.

Gabriel segui as suas dicas e deu certo aqui, consegui deixar o logo entre os menus.

Obrigado pela sugestão, Emerson, irei ler mais sobre o assunto.

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