Dúvida, submenu horizontal no CSS

5 respostas
H

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>

5 Respostas

E

Oi Henrique,

Seria isso?

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

Não funcionou =/

E

Henrique,

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

E tu testou em qual navegador?

W
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!

H

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.

Criado 16 de agosto de 2017
Ultima resposta 24 de set. de 2017
Respostas 5
Participantes 3