Pesquisar na Comunidade
Mostrando resultados para as tags ''fixo''.
Encontrado 3 registros
-
Boa tarde amigos, Algém poderia me ajudar com a importação ou ao menos o material que eu poderia pesquisar para conseguir importar um arquivo gigantesco com espaçamento definido por campo? Eu achei que fosso do tipo ofx mas não parece o caso e quando pesquiso por importar arquivo só encontro material sobre csv separado por virgula ou outro. Tem um layout mas não tenho noção de como começar. Obrigado.
-
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. <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]
-
Boa tarde Já tentei de várias formas mas não consegui ainda o que pretendo. Fiz um site com um cabeçalho fixo. no HTML: <header class="cab_completo"> no CSS: .cab_completo { position: fixed; top: 0px; width: 960px; } O conteudo abaixo do cabeçalho move-se verticalmente mas o cabeçalho não. Até aqui tudo bem. O problema é que se fizer zoom+ no browser, surge a barra de roll horizontal que me permite mover o conteúdo para a direita ou esquerda, mas o cabeçalho fica sempre fixo e visível a partir do canto superior esquerdo! O resultado é um conteúdo desacertado com o respectivo cabeçalho! Não sei como resolver e agradeço qualquer ajuda que me possam dar! Obrigado!