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:
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:
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.