Ir para conteúdo
Fórum CódigoFonte.net

micaelfis

Membros
  • Total de itens

    6
  • Registro em

  • Última visita

  1. Valeu novamente Ray. Vou dar uma olhada!!!
  2. Como diriam no exército, "última forma", rsrs. Rapaz, o menu funcionou super bem no notebook. Mas quando eu abro o site no celular, continuo com o mesmo problema: o menu continua desembrulhando quando clico em um região que deveria ser utilizada por ele (menu) só depois de expandido. Pra facilitar a visualização do problema, a página que encontra-se com este problema é: www.pedalaremgrupo.com.br (o efeito de menu embrulhado só será aplicado em janelas com largura inferior a 500px). Pode-se ver que quando acessado do notebook ele funciona perfeitamente, mas acessando do celular ele apresenta o problema citado acima. Agradeço qualquer luz que puder ser lançada sobre o problema. Att Micael PS: Caros moderadores, pus o link só pra ajudar a "materializar" o problema, caso eu esteja infrijindo qualquer regra do fórum sintam-se à vontade para editar o post ou me contactar para que eu o edite.
  3. Grande Ray. MUITÍSSIMO OBRIGADO!!! Usando tabelas ficou 100% Valeu mesmo!!! Um forte abraço. Micael
  4. Boa noite Ray. Primeiramente, muito obrigado pela atenção. Em segundo lugar, desculpe-me pela demora em responder (cheguei de viagem hoje). Rapaz, adicionei posicao e corpo à folha de estilos e adicionei estas classes ao div, mas continuei com o mesmo problema. Pra facilitar a visualização do problema, adicionei umas linhas de texto. Segue o código com as modificações sugeridas, porém com o mesmo problema. <html><head><style> .posicao {position:fixed; top:0px;left:0px; margin:0px; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; marker-offset:0px;z-index:0px;} .clearfix:after {display:block; clear:both;} .menu {width:40px;margin:0px auto;position:absolute;top:-14px;left:-65px;} .menu li {margin:0px; white-space:nowrap; width:125px; list-style:none;} .menu > ul > li {float:left; display:inline-block; position:relative; font-size:16px;} .menu > ul > li > a {padding:10px 40px; display:inline-block;} .menu > ul > li:hover > a, .menu > ul > .current-item > a {background:"transparent";} .menu li:hover .sub-menu {z-index:1; opacity:1;} .sub-menu {width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:#00bcd4;} .sub-menu li {display:block;font-size:14px;} .sub-menu li a {padding:10px 30px;display:block;} .sub-menu li a:hover, .sub-menu .current-item a {background:#33C9DD;color:#FFFFFF;} .corpo {margin:0px;margin-bottom:0px;margin-top:0px;margin-left:0px;margin-right:0px;marker-offset:0px;bottom:0px;} </style></head> <body class="corpo"> <div class="posicao"> <nav class='menu'> <ul class='clearfix'> <li> <a href='#'><b style='background:#99E4EE;'><img src='imagens/menu-20x20.png'/></b></a> <ul class='sub-menu'> <li><a href='link1.html' ><b>LINK 1</b></a></li> <li><a href='link2.html' ><b>LINK 2</b></a></li> <li><a href='link3.html' ><b>LINK 3</b></a></li> </ul> </li> </ul> </nav> </div> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> <h4>Teste</h4> </body></html> Ficarei muito grato se você puder me dar mais alguma luz. Att Micael
  5. micaelfis

    Menu retráfil e fixo

    Boa noite a todos. Estou com a seguinte dúvida: Quero colocar no meu site, um menu retrátil (que só seja aberto quando o usuário passar o mouse sobre ele) e fixo no topo da página. Já consegui criar o menu retrátil, o problema é que quando eu tento deixá-lo fixo (usando o comando CSS position:fixed) ele "se desembrulha" quando o mouse passa pela região que deveria seria utilizada por ele (menu) só depois de expandido. Segue abaixo o código utilizado, ficarei muito grato aqueles que puderem me ajudar. <html> <head> <style> .clearfix:after {display:block; clear:both;} .menu {width:40px;margin:0px auto;position:absolute;top:-14px;left:-65px;} .menu li {margin:0px; white-space:nowrap; width:125px; list-style:none;} .menu > ul > li {float:left; display:inline-block; position:relative; font-size:16px;} .menu > ul > li > a {padding:10px 40px; display:inline-block;} .menu > ul > li:hover > a, .menu > ul > .current-item > a {background:"transparent";} .menu li:hover .sub-menu {z-index:1; opacity:1;} .sub-menu {width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:#00bcd4;} .sub-menu li {display:block;font-size:14px;} .sub-menu li a {padding:10px 30px;display:block;} .sub-menu li a:hover, .sub-menu .current-item a {background:#33C9DD;color:#FFFFFF;} </style> </head> <body> <!-- <div style='position:fixed'> --> <nav class='menu'> <ul class='clearfix'> <li> <a href='#'><b style='background:#99E4EE;'><img src='imagens/menu-20x20.png'/></b></a> <ul class='sub-menu'> <li><a href='link1.html' ><b>LINK 1</b></a></li> <li><a href='link2.html' ><b>LINK 2</b></a></li> <li><a href='link3.html' ><b>LINK 3</b></a></li> </ul> </li> </ul> </nav> <!-- </div> --> </body> </html>
  6. Boa noite pessoal. Estou tentando escrever um código HTML que deve fazer o seguinte:1. Ler um banco de dados (o arquivo horariocompleto.xml) que contém nomes de disciplinas e nos nós contém nome do professor, dia da aula, horário, ...); Esta parte já está ok 2. Permite ao usuário filtrar dados a partir do nome do professor; Aqui eu usei um formulário com inputs e botões radio. A aquisição dos dados para os filtros ficou legal. Mas a grande dúvida é: como eu utilizo os dados provenientes dos botões radio nos ifs que realizarão a filtragem? Aí vai um mini-exemplo: Exemplo do arquivo horariocompleto.xml:<?xml version="1.0" encoding="ISO-8859-1"?><disciplinas> <disciplina> <nome>Cálculo 1</nome> <professor>Fulano de Tal</professor> <dia>segunda</dia> <horario>08:00h</horario> <\disciplina> <disciplina> <nome>Cálculo 2</nome> <professor>Beltrano Silva</professor> <dia>quinta</dia> <horario>14:00h</horario> <\disciplina> <disciplina> <nome>Cálculo 3</nome> <professor>Fulano de Tal</professor> <dia>quarta</dia> <horario>10:00h</horario> <\disciplina><\disciplinas> Pedaço do código HTML: <!-- O arquivo xml já foi lido e os dados de cada disciplina foram guardados na variável x --> <!-- Função que atribui nome do professor escolhido à variável qualprof (funciona 100%) --><script>function check_prof(entrada) { document.getElementById("qualprof").value=entrada;}</script> <!-- Botões para escolha do nome do professor (funciona 100%)--> <p><input type="radio" name="prof" onclick="check_prof(this.value)" value="fulano">Fulano de Tal<br/><input type="radio" name="prof" onclick="check_prof(this.value)" value="beltrano">Beltrano Silva<br/> <\p> <!-- Filtrando --><script> for (i=0;i<x.length;i++) { if(x.getElementsByTagName("professor")[0].childNodes[0].nodeValue==??????){ <!-- imprimir dados pertinentes --> }}<\script> Meu problema está nas ??????Não sei o que colocar lá! Já tentei usar document.getElementById("qualprof").value, já tenteidocument.getElementById("qualprof"), já tentei atribuir o valor de qualprof a outra variável. Mas não obtive sucesso. Basicamente, preciso saber como extrair os dados da variável qualprof sempre que algum botão for selecionado. Ficarei muito grato se alguém puder me ajudar. Valeu
×
×
  • Criar Novo...