GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Dúvida, submenu horizontal no CSS


#1

Boa tarde,

Como faço para o submenu ficar em alinhado horizontalmente?

Eu testei atribuir a li = display: inline, display inline-block e mesmo assim continua na vertical.

	<ul class="menu">
		<li><a href="index.php">home</a></li>
		<li><a href="servicos.html">serviços</a>
			<ul class="submenu">
				<li><a href="materialgrafico.php">Material Gráfico</a></li><br>
				<li><a href="eventos.php">Eventos</a></li><br>
				<li><a href="publicidademarketing.php">Publicidade e  marketing</a></li><br>
				<li><a href="midias.php">Mídias digitais</a></li>
			</ul>
		</li>
		<li><a href="clientes.html">clientes</a></li>
		<li><a href="contato.php">contato</a></li>
	</ul>

#2

Oi Henrique,

Seria isso?

.submenu {
  display: flex;
}
.submenu li {
  flex: 1;
}

#3

Não funcionou =/


#4

Henrique,

Tem com subir teu codigo todo no codepen pra gente testar la? Talvez tenha algum conflito rolando.

E tu testou em qual navegador?


#5

Bom dia, jovem!
O que deve estar faltando no seu código css é um “” float:left “” na li.
ex:
.menu{SEU CÒDIGO…}
.menu li {float:left;padding:(ADICIONE UM PADDING PARA NAO FICAR GRUDADO);}

Espero ter ajudado, abraço!


#6

Boa noite, eu consegui responder com a primeira ajuda, usando o display flex, a principio devido a falta de tempo acabei aplicando errado e agora com tempo eu consegui, muito obrigado.