Pesquisar na Comunidade
Mostrando resultados para as tags ''li''.
Encontrado 4 registros
-
Olá. Saúde e Paz a todos. Uma página com textos e no início de cada item um ( - ) traço. Exemplo: - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sitamet commodo magna eros quis urna. - Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. - Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. - Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. - Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Usando a CSS <style> ol { counter-reset: list; list-style: none; } ol > li { list-style: none; } ol > li:before { content: counter(list) ") "; counter-increment: list; } </style> Usando: <body> <ol> <li>Primeira linha</li> <li>Segunda Lina</li> <li>Terceira</li> </ol> </body> Tenho o resultado: 1) Primeira Linha 2) Segunda Linha 3) Terceira Linha Ao invés dos 1) ; 2), 3) gostaria de apenas o traço -, como o exemplo citado acima. Obrigado
-
Olá pessoal... É possível desabilitar e reabilitar itens de um menu e/ou submenu construído com HTML5 e CSS3 usando Javascript? A necessidade disso é que, em diversas ocasiões vou necessitar que um ou mais itens do menu principal e dos menus secundários fiquem desabilitados. Se alguém contribuir com um exemplo bem simples, fico muito grato.
-
- html5
- javascript
-
(e %d mais)
Tags:
-
Olá, estou desenvolvendo uma página na qual escrevi um menu comum em lista não ordenada e o tornei DropDown com o JavaScript (Segue modelo abaixo). A minha questão é que quando eu passo o mouse por cima do botão do menu (que está dentro da tag <li>Botão</li>), ele abre a div dropdown, porém, quando eu levo o mouse para dentro desta div que foi aberta em DropDown pelo JavaScript, o Botão (<li>Botão</li>) correspondente à ela no menu, que a abriu, deixa de ficar selecionado (ativo em ":hover" no CSS) e volta às suas características normais, como quando o mouse não está por cima do botão. Gostaria de saber como faço para manter ativo o botão correspondente à janela dropdown que eu abri no menu e desativá-lo somente quando eu clicar fora do menu, em qualquer outra área do site. Grato desde já pela atenção. Segue abaixo exemplo de como eu escrevi: <--SCRIPT PARA DROPDOWN--> <script> $(document).ready(function(e) { $('.sub-menu').hide(); $('.show-sub-menu').hover(function(){ $(this).find('.sub-menu').slideDown('fast'); },function(){ $(this).find('.sub-menu').slideUp('fast'); }); }); </script> <----------------------------------------> <--CSS DO MENU E SUB_MENU--> .menu_principal{ width: auto; height: 32px; float: left; text-align: right; } .menu_principal ul{ width: auto; height: 31px; float: left; text-align: left; padding: 0px; margin-left: 35px; } .menu_principal ul li{ display: inline; line-height: 60px; list-style-type: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #BBB; text-transform: none; } .menu_principal ul li a{ line-height: 0px; padding: 21px 13px; list-style-type: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #BBB; text-transform: none; text-decoration: none; } .menu_principal ul li a:hover{ background-color: #222; color: #DDD; line-height: 0px; padding: 20px 13px; } .sub-menu{ width: 100%; height: 285px; cursor: default; z-index: 7; position: absolute; top: auto; left: 0; right: 0; display: block; } <-----------------------------------------> <--HTML DO MENU--> <div class="menu_principal"> <ul> <li class="show-sub-menu"><a href="#">Item 1</a> <div class="sub-menu"> </div> </li> <li class="show-sub-menu"><a href="#">Item 2</a> <div class="sub-menu"> </div> </li> <li class="show-sub-menu"><a href="#">Item 3</a> <div class="sub-menu"> </div> </li> </ul> </div> <!--MENU_PRINCIPAL TERMINA--> <------------------------->
-
Olá pessoal, por gentileza gostaria de saber se alguém sabe se é possível, fazer o que estou precisando para me poupar um tempo gigantesco. Acontece o seguinte eu tenho pilhas e pilhas de texto, e em cada linha eu preciso abir com <li> para criar um item de lista na linha e fechar com </li> no final. Minha pergunta é a seguinte, existe algum macete app ou programa que me permita selecionar por exemplo um texto com 10 linhas e ser aberto <li> no começo da linha e fechando com o </li> de forma automática, isso me ajudaria bastante, estou com um trabalho com quase mil linhas que precisam virar listas html. Grato desde já Att