Submenu não aparece na página HTML

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Submenu não aparece na página HTML

Mensagem por Nicoly-Sampaio2 15.03.20 5:18

Detalhes da questão


Endereço do fórum: https://nicolyteste.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Estou criando essa página do 0, mas os submenus não aparecem.
Clique aqui para ver a página.

Alguém pode me ajudar e ver o que tem de errado no código de CSS ou HTML?
Quero que os submenus apareçam na parte de baixo do "menu pai" quando passar o mouse.

"Menus pai": Postar Aula / Manuais / Direção
"Submenus": [G] TR / [G] TFC / etc
Nicoly-Sampaio2

Nicoly-Sampaio2
Novo Membro

Membro desde : 15/03/2020
Mensagens : 2
Pontos : 4

https://nicolyteste.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Submenu não aparece na página HTML

Mensagem por Chagas 15.03.20 13:44

Saudações,

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Poderia me passar o código da página HTML que está criando e não entendi por completo o que a senhora queira fazer, você quer fazer um menu "drop down" ao clicar em um "menu pai" que apareça os sub-itens?

Atenciosamente,
Wamki Rosa
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Submenu não aparece na página HTML

Mensagem por Nicoly-Sampaio2 16.03.20 13:52

Wamki escreveu:Saudações,



Bem-vindo ao Fórum dos Fóruns!





Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:



Poderia me passar o código da página HTML que está criando e não entendi por completo o que a senhora queira fazer, você quer fazer um menu "drop down" ao clicar em um "menu pai" que apareça os sub-itens?

Atenciosamente,
Wamki Rosa

Eu quero que ao clicar ou passar o mouse no "menu pai" apareça os submenus logo abaixo.
Nicoly-Sampaio2

Nicoly-Sampaio2
Novo Membro

Membro desde : 15/03/2020
Mensagens : 2
Pontos : 4

https://nicolyteste.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Submenu não aparece na página HTML

Mensagem por tikky 16.03.20 15:34

Olá @Nicoly-Sampaio2,

Altere o seu código para o seguinte:
Código:
<!doctype html>
<html lang="pt-BR">
 <head>
    <meta charset="UTF-8">
    <title>Polícia CSP - Menu Geral</title>
      <style type="text/css">
body{
  font-family: Calibri,Arial,Verdana,Helvetica Neue,Helvetica;
  }
        
.cabecalho {
  background-color: #464e8c;
  padding: 5px;
  margin: -10px -10px 0 -10px;
  }
 
.caixasformadores {
  background-color: #001e33;
  margin: -10px -10px 0 -10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: top center;
  padding: 10px;      
  }
      
.caixasformadores1 {
  margin-left: 10px;
  margin-right: 10px;
  background-color: #fff;
  position: relative;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  }
 
#titulodadivisao {
  font-size: 20px;
  height: 130px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  color: #fff;
  text-shadow: 0px 0px 2px #004170;
  background-color: #002c4a;
  }
#emblema {
  margin-bottom: 10px;
  }
#emblemaice {
  margin-top: 14px;
  margin-bottom: -5px;
  }
        
.menucaixadadivisao { /*menu*/
  width: 150px;
  heigth: 30px;
  list-style: none;
  margin: 10px;
  padding: 0px;
  }
 
.menucaixadadivisao li {
  background-color: #ffff;
  border: 1px solid #d1d1d1;
  margin-bottom: 2px;
  padding: 5px;
  display: block;
  text-decoration: none;
  color: #000;
  text-align: center;
  border-radius: 10px;
  font-weight: bold;
  }
.menucaixadadivisao li:hover, .menucaixadadivisao a:hover {
  background-color: #383838;
  color: #fff;
  border-radius: 10px;
  text-shadow: 0 0 4px #fff;
  font-weight: bold;
  }
 
.menucaixadadivisao ul { /*submenu*/
  background-color: #000;
  list-style: none;
  text-align: left;
  padding-left: 30px;
  display: none;
  }
 
.menucaixadadivisao li:hover > ul {
  display: block;
  }
 
.menucaixadadivisao ul li {
  border: 1px solid #c7c7c7;
  padding: 5px;
  }
 
 
 
      </style>
 </head>
 <body>
<!-- conteúdo da página -->
 
<section class="cabecalho"> <div class="utilidades">
      
    <p> aaaa</p>
    </section>
  
  
<section class="caixasformadores">
<nav class="caixasformadores1">
  <div id="titulodadivisao"><p><img src="https://i.imgur.com/BurLdMO.png" width=60px height=60px id="emblema"><br />
    Guias</p></div>
  <ul class="menucaixadadivisao">
    <li>Postar Aula
      <ul>
        <li><a href="">[G] TR</a></li>
        <li><a href="">[G] TFC</a></li>
        <li><a href="">[G] TFS</a></li>
        <li><a href="">[Gc] TES</a></li>
        <li><a href="">[Gc] TP</a></li>
        <li><a href="">[Fg] TG</a></li>
      </ul>
     </li>
    <li>Manuais
       <ul>
        <li><a href="">[G] TR</a></li>
        <li><a href="">[G] TFC</a></li>
        <li><a href="">[G] TFS</a></li>
        <li><a href="">[Gc] TES</a></li>
        <li><a href="">[Gc] TP</a></li>
        <li><a href="">[Fg] TG</a></li>
      </ul>
    </li>
    <li>Direção
      <ul>
        <li><a href="">[Fg] TG</a></li>
      </ul>
    </li>
  </ul>
</nav>
<nav class="caixasformadores1">
  <div id="titulodadivisao"><p><img src="https://i.imgur.com/nI2EkFV.png" width=60px height=60px id="emblema"><br />
    Professores</p></div>
  <ul class="menucaixadadivisao">
    <li>Postar Aula
      <ul>
        <li><a href="">Capacitação 1</a></li>
        <li><a href="">Capacitação 2</a></li>
        <li><a href="">Capacitação 3</a></li>
        <li><a href="">Capacitação 4</a></li>
        <li><a href="">Capacitação 5</a></li>
        <li><a href="">Capacitação 6</a></li>
      </ul>
    </li>
    <li>Manuais
      <ul>
        <li><a href="">Capacitação 1</a></li>
        <li><a href="">Capacitação 2</a></li>
        <li><a href="">Capacitação 3</a></li>
        <li><a href="">Capacitação 4</a></li>
        <li><a href="">Capacitação 5</a></li>
        <li><a href="">Capacitação 6</a></li>
      </ul>
    </li>
    <li>Direção
      <ul>
        <li><a href="">[Fg] TG</a></li>
      </ul>
    </li>
  </ul>
</nav>
<nav class="caixasformadores1">
  <div id="titulodadivisao"><p><img src="https://i.imgur.com/arT7oq9.png" width=60px height=60px id="emblemaice"><br />
    Instrutores do<br />Corpo Executivo</p></div>
  <ul class="menucaixadadivisao">
    <li>Postar Aula
      <ul>
        <li><a href="">TM</a></li>
        <li><a href="">TAE</a></li>
        <li><a href="">TAI</a></li>
        <li><a href="">TAA</a></li>
      </ul>
    </li>
    <li>Manuais
      <ul>
        <li><a href="">TM</a></li>
        <li><a href="">TAE</a></li>
        <li><a href="">TAI</a></li>
        <li><a href="">TAA</a></li>
      </ul>
    </li>
    <li>Direção
      <ul>
        <li><a href="">[Fg] TG</a></li>
      </ul>
    </li>

  </ul>
</nav>
<nav class="caixasformadores1">
  <div id="titulodadivisao"><p><img src="https://i.imgur.com/WTBRFBo.png" width=60px height=60px id="emblema"><br />
    Comissão</p></div>
  <ul class="menucaixadadivisao">
    <li>Postar Aula
      <ul>
        <li><a href="">TEC</a></li>
        <li><a href="">PPO</a></li>
        <li><a href="">PSO</a></li>
      </ul>
     </li>
    <li>Manuais
      <ul>
        <li><a href="">TEC</a></li>
        <li><a href="">PPO</a></li>
        <li><a href="">PSO</a></li>
      </ul>
    </li>
    <li>Direção
      <ul>
        <li><a href="">[Fg] TG</a></li>
      </ul>
    </li>
  </ul>
</nav>
</section>
  
 
  
  
  
  
  
 </body>
</html>


Cordialmente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Submenu não aparece na página HTML

Mensagem por Chagas 19.03.20 14:35

Tópico resolvido


O autor do tópico foi banido, mas como apresentam-se soluções cabíveis para o problema, este tópico será arquivado.
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos