9
A maneira mais rápida de corrigir o seu código é adicionar um ciclo for para pôr todos os menus invisiveis e depois mostrar só o que deve ficar visivel:
function toggle_visibility(id) {
var e = document.getElementById(id);
var visivel = e.style.display == 'block';
var menus = document.querySelectorAll('[id^=menu]');
for (var i = 0; i < ...
respondida 23/01/14 às 20:52
6
Para ter um submenu, você deve ter um menu dentro de um menu. Utilizando XML Desta forma:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/file"
android:icon="@drawable/file"
android:title="@string/file"
apk:showAsAction="ifRoom" ...
respondida 13/03/14 às 12:41
Paulo Roberto Rosa
8.75966 medalhas de ouro3535 medalhas de prata6868 medalhas de bronze
6
Apenas com CSS é possível recorrendo às propriedades columns (Inglês):
/**CSS**/
ol{
height:100px;
overflow:hidden;
background: red;
-webkit-column-count: 2; -webkit-column-gap: 15px;
-moz-column-count: 2; -moz-column-gap: 15px;
column-count: 2; column-gap: 15px;
}
ol li{
background: yellow;
line-height:18px;
...
respondida 16/10/14 às 13:02
Zuul
34,8mil1818 medalhas de ouro8383 medalhas de prata174174 medalhas de bronze
6
Como disse no comentário, usar a tag center do html é perca de tempo, totalmente desnecessário e outras coisas.
Vamos organizar todos os alinhamentos pelo css. Prefiro não usar ul li para fazer menu, recomendo a você que também não use, ele é mais para ordenar itens e outros.
Nesse exemplo (que tem seu html como template) utilizei a tag nav que é ...
respondida 11/05/16 às 14:32
João Victor Gomes Moreira
1.94122 medalhas de ouro1616 medalhas de prata3636 medalhas de bronze
5
Quando descobrir que seu programa não funciona por algum motivo, tente fazer o possível para isolar o problema. O primeiro passo geralmente é encontrar uma forma automatizada de reproduzir o problema, ou seja: fazer um programa que não dependa de nenhuma entrada do usuário e que quando executado mostre claramente o comportamento inesperado.
Com esse ...
respondida 19/06/14 às 17:54
Guilherme Bernal
19,8mil11 medalhas de ouro4949 medalhas de prata9090 medalhas de bronze
5
Considerando que a habilitação não será atrelada ao usuário, pelo que eu entendi da sua pergunta, uma abordagem correta seria uma solução caseira.
Models
public class MenuItem
{
[Key]
public int MenuItemId { get; set; }
public int? MenuPaiId { get; set; }
[Required]
public int Nome { get; set; }
public bool Habilitado { get; set; }
...
respondida 3/02/15 às 15:29
Leonel Sanches da Silva
87,8mil88 medalhas de ouro115115 medalhas de prata222222 medalhas de bronze
5
Retire as tags <?php ?> do arquivo menu.php (Você vai deixar só html, e salvar com a extensão php como já estar).
e depois ça a chamara normalmente:
<?php
include "includes/menu.php";
?>
O problema está ocorrendo porque você está tentando imprimir errado no php.
Onde se tem:
<?php <head>
<title>Construção de interface em HTML ...
5
Vamos lá vou tentar te ajudar....
o Bootstrap 3 é rigoroso com o uso correto das classes que determinam o tamanho da coluna da grade, Posso esclarecer dúvidas sobre isso em outra oportunidade, mas a principio faz diferença usar col-xs-*, col-sm-*, col-md-* e col-lg-*. Elas se comportarão de maneira diferentes dependendo do tamanho da tela do dispositivo. ...
5
Isso que você quer fazer é um "link interno", usando o elemento <a href="#id">vai para id</a> junto a outro elemento que possua seu identificador correspondente ao da tag <a>, exemplo, <p id="id">algum texto aqui</p>, ao clicar no link será direcionado para seu identificador.
Segue abaixo um exemplo.
.sidemenu,
.content {
...
respondida 23/11/15 às 10:59
Lucas Fontes Gaspareto
3.60811 medalhas de ouro99 medalhas de prata3434 medalhas de bronze
5
Já tentou usar slideToggle?
$('#hamburger').on('click', function() {
$('#menu').slideToggle('slow');
});
$('.menu-link').each(function() {
$(this).on('click', function() {
$('#menu').slideToggle('slow');
});
});
* {
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
list-style: none
}
#...
5
Vc pode ao mesmo tempo que abre a sidebar tb "abrir" um elemento por traz da sidebar que vai cobrir a tela inteira e vai servir para fechar o menu caso seja clicado. Eu chamei esse elemento de .fechaMenu e quando vc clica para abrir a navbar ele aparece, e se vc clicar nele ele some e fecha a navbar. Pra isso usei o toggle class com a classe .isClose que tem ...
respondida 28/02/19 às 10:29
hugocsl
63,6mil1313 medalhas de ouro5252 medalhas de prata118118 medalhas de bronze
5
O problema é que a tag header está com opacidade definida para "0.6". Como você está mexendo na opacidade do elemento "pai" (header), a propriedade "opacity" afeta todos os elementos que estiverem dentro do "header".
Ao invés de declarar a opacidade, você pode declarar uma cor para todos os links e formatar depois apenas os itens do menu.
Adicione nos ...
4
Preparei uma versão em que você pode controlar várias caracteristicas do traço e dos outros elementos com CSS, para não ficar limitado à largura do "sinal de menos" ou de outros caracteres, e ter controle preciso sobre o design.
A vantagem dessa solução é que você não precisa inserir nenhum caractere estranho no conteúdo do HTML, definitivamente separando ...
respondida 2/09/14 às 13:55
4
Exemplo online no jsfiddle. Fiz um exemplo o mais limpo possível para permitir adaptação.
HTML
<div class="div1"></div>
<div id="nav">
<ul>
<li><a href="#">Link A</a></li>
<li><a href="#">Link B</a></li>
<li><a href="#">Link C</a></li&...
respondida 5/09/14 às 2:39
Papa Charlie
8.63911 medalhas de ouro2525 medalhas de prata6060 medalhas de bronze
4
O teu código de JavaScript para que possam ser chamado no evento onload da tag BODY, deverá estar presente dentro da secção <head></head> da tua página:
Exemplo a Funcionar no JSFiddle
...
<head>
<script type="text/javascript">
function stAba(menu,conteudo) {
this.menu = menu;
this.conteudo = conteudo;
...
respondida 1/07/14 às 13:43
Zuul
34,8mil1818 medalhas de ouro8383 medalhas de prata174174 medalhas de bronze
4
Definindo a altura de cada <li> como zero por padrão(defeito), você pode definir a altura como 20px quando estiver .opened, mesmo não tendo exatamente o mesmo efeito visual
Exemplo
4
Da pra fazer tanto usando JavaScript Puro quanto jQuery pelo que eu vi em seu projeto você já esta utilizando jQuery então montei um exemplo pra você utilizando jQuery pois o código fica mais simples.
HTML
<div id="menu" class='source'>
<ul>
<li><a href="#contato" class='menu'>contato</a></li>
<li&...
4
Infelizmente o VB6 não permite fazer isso utilizando apena o VB. Deve ser utilizado um componente externo ou as API's do Windows.
Criei um pequeno exemplo de como fazer isso utilizando as API's do Windows.
Para o exemplo foi criado um Form (Form1) e um Module (Module1).
Inicialmente, o Form1 possui a seguinte barra de menus:
Durante a execução do ...
respondida 20/05/14 às 18:35
carlosrafaelgn
4.72911 medalhas de ouro2020 medalhas de prata4242 medalhas de bronze
4
Já consegui resolver depois de muito penar e com ajuda do @Wakim:
Configuracao xml:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" >
<item
android:id="@+id/acaoAdicionar"
android:actionLayout="@layout/menu_item"
android:icon="@android:drawable/...
respondida 24/10/14 às 2:02
Pedro Rangel
2.69722 medalhas de ouro1919 medalhas de prata4646 medalhas de bronze
4
Nesse teu código ambos os eventos são disparados e o código anula-se. Podes detectar se é mobile e adicionar o evento certo, evitando misturar APIs:
var ev = 'ontouchstart' in window ? 'touchstart' : 'mousedown';
$('.parent2').on(ev, function() {
codepen: http://codepen.io/anon/pen/mJewqj
respondida 5/05/15 às 20:08
4
O problema é que ele está interpretando as tags HTML como parte da sintax do PHP, já que você colocou tudo dentro do <?php ?>. Para mostrar um conteúdo HTML no PHP você tem 2 alternativas, sendo elas:
Coloque o echo logo depois da tag de abertura do PHP, para que ele identifique as tags do HTML.
Tire as tags de abertura/fechamento do PHP - caso você ...
respondida 15/05/15 às 15:52
Allan Ramos
2.43722 medalhas de ouro2020 medalhas de prata3737 medalhas de bronze
4
Este tema - temabase_mLuv1.1, parece ser um tema personalizado, que alguém criou "para si mesmo" e que não o listou como disponível nos repositórios Wordpress ou em plataformas para venda de Temas Wordpress, o que tornou a sua pesquisa um pouco mais complicada do que o normal, mas depois de algumas voltas, eu consegui encontrar esse tema.
Porém tanto o ...
respondida 13/10/15 às 3:41
Chun
7.30033 medalhas de ouro2525 medalhas de prata5555 medalhas de bronze
4
Fiz este exemplo abaixo me baseando neste código. Acredito estar bem próximo do que precisa. O que vai ter que mudar é o menu 5 para ter uma imagem de background e não cor.
ul.menu {
margin: 100px auto;
padding: 0;
position: relative;
width: 20em;
height: 20em;
box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.89);
border-radius: 100%;
}
...
4
Como você pode ver no exemplo abaixo, o menu Hamburger está lá, acontece que o seu Css estava sobrescrevendo o do Bootstrap. Existem algumas classes que podem te ajudar a estilizar sem precisar mexer no Css, como navbar-dark por exemplo que seta a cor de fundo da barra de menu para um tom cinza escuro, como pode ver melhor aqui:
.navegacao {
box-...
respondida 18/12/18 às 16:06
LeAndrade
8.14077 medalhas de ouro2020 medalhas de prata4141 medalhas de bronze
4
Vc precisa declarar um border-radius especial apenas para o primeiro e último filho de cada sub menu, para isso vc pode usar first-child e last-child, sendo que o primeiro filho só tem border-radius nos cantos do top e o último filho só tem border-radius nos cantos do bottom
Usei cores diferentes para vc poder identificar qual elemento é qual. Acho que vai ...
respondida 16/07/19 às 16:28
hugocsl
63,6mil1313 medalhas de ouro5252 medalhas de prata118118 medalhas de bronze
3
A resposta à sua pergunta está no artigo do próprio site do exemplo que compartilhou. Dê uma olhada com calma no material presente em: CSS3 Dropdown Menu. A resposta está ali, já montada e pronta pra uso.
3
É melhor usar o Navigation Drawer da Própria biblioteca do android
http://developer.android.com/design/patterns/navigation-drawer.html
3
Se jQuery for uma solução, existe um PlugIn para a jQuery-UI que te permite adicionar essa funcionalidade aos Separadores.
jQuery-ui Scrollable tabs plugin v1.0
Funciona em:
Firefox 3.6+
Internet Explorer 7+
Opera 10.10+
Chrome 5.0+
Safari 4.0+
Instruções para implementação
Inclusão das bibliotecas necessárias
Em primeiro Será necessário incluir a ...
respondida 20/02/14 às 11:32
Zuul
34,8mil1818 medalhas de ouro8383 medalhas de prata174174 medalhas de bronze
3
Talvez ajustar a largura max-width conforme o dispositivo, já me deparei com este problema, e para este caso foi suficiente, veja um exemplo:
.inline{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media (max-width: 768px) {
.inline{
max-width: 80%;
}
}
@media (max-width: 420px) {
.inline{
...
respondida 17/03/15 às 21:31
abfurlan
10,4mil22 medalhas de ouro1919 medalhas de prata4343 medalhas de bronze
Apenas as respostas wiki não pertencentes à comunidade mais votadas e de um tamanho mínimo se qualificam
Tags relacionadas
menu × 256css × 103
html × 82
javascript × 41
dropdown × 29
jquery × 27
android × 27
twitter-bootstrap × 17
submenu × 17
php × 15
html5 × 14
wordpress × 13
css3 × 12
nav-bar × 10
bootstrap × 9
java × 8
bootstrap-3 × 8
mobile × 8
angularjs × 7
responsivo × 6
navigation-drawer × 6
c# × 5
layout-responsivo × 5
rolamento × 5
link × 5