Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosSubmenu não aparece na página HTML
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Submenu não aparece na página HTML
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- Novo Membro
- Membro desde : 15/03/2020
Mensagens : 2
Pontos : 4 -
Re: Submenu não aparece na página HTML
por Chagas 15.03.20 13:44
Saudações,
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
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
Chagas- Membro
- Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102 -
Re: Submenu não aparece na página HTML
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:
- Regras do Fórum, e o que você não deve fazer neste fórum;
- Lista de tutoriais e perguntas frequentes;
- A Equipe de Suporte;
- A função de busca.
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
Eu quero que ao clicar ou passar o mouse no "menu pai" apareça os submenus logo abaixo.
Nicoly-Sampaio2- Novo Membro
- Membro desde : 15/03/2020
Mensagens : 2
Pontos : 4 -
Re: Submenu não aparece na página HTML
por tikky 16.03.20 15:34
Olá @Nicoly-Sampaio2,
Altere o seu código para o seguinte:
Cordialmente,
pedxz.
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Submenu não aparece na página HTML
por Chagas 19.03.20 14:35
Tópico resolvidoO autor do tópico foi banido, mas como apresentam-se soluções cabíveis para o problema, este tópico será arquivado. |
Chagas- Membro
- Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102 -
Tópicos semelhantes» Página html não aparece
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Definir página HTML personalizada como página inicial
» Trocar página do facebook dessa página HTML
» Pagina html como página inicial do fórum
» Declaro Urgência Help HTML ( Colocar vídeo para tocar automaticamente quando abrir a página de entrada do fórum em HTML Preciso do códico em HTML
» Definir página HTML personalizada como página inicial
» Trocar página do facebook dessa página HTML
» Pagina html como página inicial do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos