Jump to content

Search the Community

Showing results for tags 'h1'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 73 results

  1. Biel.

    class

    Boa tarde a todos. direto ao ponto. Pessoal abaixo temos EX1 e Ex2, ambos são iguais, exceto a cor do texto que é diferente. Gostaria que os nomes das class(botton e div) do EX1 e Ex2 não fossem alterados. Gostaria que EX1 exibisse na tela sua própria formatação css e não a formatação css do EX2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> EX 1 <style> .class01{font-size:20px; color:grey; } .class02{font-size:30px; color:orange;} .botao01{padding:10px 20px;} </style> <script> $(document).ready(function(){ $(".botao01").click(function(){ $("div.class01").removeClass().addClass('class02'); }); }); </script> <div class="class01" >div class01 </div> <button class="botao01">botao01</button> <hr /> EX 2 <style> .class01{font-size:20px; color:red; } .class02{font-size:30px; color:purple;} .botao01{padding:10px 20px;} </style> <script> $(document).ready(function(){ $(".botao01").click(function(){ $("div.class01").removeClass().addClass('class02'); }); }); </script> <div class="class01" >div class01 </div> <button class="botao01">botao01</button>
  2. Boa noite a todos . Direto ao ponto. Pessoal no select name="cursos" ao selecionar o item php gostaria que exibisse sem carregar a página o (select name="php_nivel") ou ao selecionar o item css gostaria que exibisse sem carregar a página o (select name="css_nivel") Cursos:<br /> <form id="form1" name="form1" method="post" action=""> <select name="cursos" id="mySelect" required onchange="myFunction()"> <option value="" selected></option> <option value="php">curso de php</option> <option value="css">curso de css</option> </select> </form> <br /> <p id="biel"></p> <script> function myFunction() { var x = document.getElementById("mySelect").value; document.getElementById("biel").innerHTML = "" + x; } </script> <br /> <?php if (isset($_POST["cursos"])){ ?> <?php if ($_POST['cursos'] == 'php' ){ ?> curso de php: <select name="php_nivel" required > <option value="" selected></option> <option value="php_nivel_1">php nivel 1</option> <option value="php_nivel_2">php nivel 2</option> <option value="php_nivel_3">php nivel 3</option> </select> <?php } elseif ($_POST['cursos'] == 'css' ){ ?> <select name="css_nivel" required > <option value="" selected></option> <option value="css_nivel_1">css nivel 1</option> <option value="css_nivel_2">css nivel 2</option> <option value="css_nivel_3">css nivel 3</option> </select> <?php } } ?> <br /> <input type="text" name="" value="" />
  3. Boa noite a todos .direto ao ponto. Pessoal estou tentando fazer o seguinte: Ao selecionar um valor qualquer e uma parcela qualquer, gostaria que aparecesse no input o valor das parcelas. Não sei se é possivel fazer com php ou só é possível com javascript. Obrigado! <pre> <?php // round floor ceil $valor_total = ((318.00)); $parcelas = 4; $divide = ($valor_total / $parcelas); $resultado_divisao = $divide ; $multiplica = $parcelas * $resultado_divisao; $resultado_multiplicacao = $multiplica ; echo 'valor_total: R$ '.$valor_total.'<br />'; echo 'parcelas: '.$parcelas.' x ' . 'de ' .$resultado_divisao.'<br />'; echo 'multiplica '.$parcelas. ' x ' .$resultado_divisao. ' = ' .$resultado_multiplicacao; ?> </pre> ... valor_total <select name="valor_total" style="width:100px;" required > <option value=""></option> <?php for($i = 38; $i < 1000; $i+=10){ $cadastra = $i.'.00'; $exibe = 'R$ ' .$i. ',00'; ?> <option value="<?php echo $cadastra; ?>"><?php echo $exibe; ?></option> <?php }?> </select> <br><br> parcelas <select name="parcelas" style="width:100px;" required > <option value=""></option> <?php for($i = 2; $i <= 8; $i+=2){ $cadastra = $i; $exibe = $i.'x'; ?> <option value="<?php echo $cadastra; ?>"><?php echo $exibe; ?></option> <?php }?> </select> de <input type="text" name="resultado" value="">
  4. Biel.

    ORDER BY DESC em duas tabelas

    Boa noite a todos . Direto ao ponto. Pessoal o código abaixo exibe na ordem DESC os dados da tabela_aprendiz . Gostaria que também exibisse na ordem DESC os dados da tabela_aluno. Como faço? Obrigado ! tabela_aprendiz id_aprendiz cores_aprendiz 1 verde 2 amarelo 3 azul tabela_aluno id_aluno cores_aluno 1 cinza 2 preto 3 marron ... <?php $sql = mysqli_query($con, "SELECT * FROM tabela_aprendiz INNER JOIN tabela_aluno ORDER BY id_aprendiz DESC "); ?>
  5. Boa noite a todos. Direto ao ponto. Pessoal gostaria de listar/exibir registro de duas tabelas na mesma query tab_aprendiz_01 id nome 1 joao 2 pedro 3 josé tab_aprendiz_02 id carro 1 gol 2 corsa 3 fusca ... EX 1 abaixo exibe na tela este resultado joao pedro josé ... Na query abaixo temos tab_aprendiz_01. Estou tentando obter o resultado abaixo colocando na mesma query tab_aprendiz_02 joao pedro josé gol corsa fusca ... <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz_01 "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome'].'<br>'; //$carro = $linha['carro'].'<br>'; ?> <table width="200" border="1"> <tr> <td> <?php echo $nome ;?> </td> </tr> <?php } ?> </table>
  6. Biel.

    include + for

    boa tarde a todos. Direto ao ponto. Pessoal a paginaA.php EXIBE normalmente na tela os dados contidos na pagina1.php Gostaria que a paginaB EXIBISSE NA TELA os dados contidos na pagina2.php e que o laço de repetição for continuasse na pagina2.php conforme exemplo abaixo e que não apresentasse nenhum erro e/ou notificação esta é a pagina1.php <?php $letras = array("aaa", "bbb", "ccc" ); ?> esta é a paginaA.php a paginaA.php EXIBE normalmente na tela os dados contidos na pagina1.php <?php include("pagina1.php"); for($i=0; $i<count($letras); $i++){ $exibe = $letras[$i]; ?> <input type="text" value="<?php echo $exibe; ?>"><br> <?php } ?> ... esta é a pagina2.php <?php $letras = array("ddd", "eee", "fff" ); for($i=0; $i<count($letras); $i++){ $exibe = $letras[$i]; ?> esta é a paginaB.php a pagina paginaB.php NÃO EXIBE na tela os dados contidos na pagina2.php . Exibe Warning: include(): Failed opening gostaria que a paginaB.php EXIBISSE NA TELA os dados contidos na pagina2.php e que o laço de repetição for continuasse na pagina2.php conforme exemplo abaixo e que não apresentasse nenhum erro e/ou notificação <?php include("pagina2.php"); ?> <input type="text" value="<?php echo $exibe; ?>"><br> <?php } ?>
  7. Biel.

    abrir arquivo php

    Boa noite a todos. Direto ao ponto. Pessoal temos pagina1.php e pagina2.php . o código abaixo é para exibir na tela o conteúdo da pagina2.php Na página2.php temos apenas esta frase (PULAPULA). Na regra if else ao invés de exibir que (existe a palavra PULAPULA na pagina2.php) , está dizendo que (NAO existe a palavra PULAPULA na pagina2.php ) esta é a pagina1.php <?php echo "<h1>este texto é da página 1</h1>"; //Criamos uma função que irá retornar o conteúdo do arquivo. function ler(){ //Variável arquivo armazena o nome e extensão do arquivo. $arquivo = "pagina2.php"; // <h1>PULAPULA </h1> //Variável $fp armazena a conexão com o arquivo e o tipo de ação. $fp = fopen($arquivo, "r"); //Lê o conteúdo do arquivo aberto. while (!feof ($fp)) { $valor = fgets($fp, 4096); } //Fecha o arquivo. fclose($fp); //retorna o conteúdo. } echo ler(); ?> <?php if(@$arquivo == "PULAPULA"){ echo "existe a palavra PULAPULA na pagina2.php "; } else{ echo "NAO existe a palavra PULAPULA na pagina2.php "; } ?>
  8. Biel.

    fazer php reconhecer a palavra

    Boa noite a todos. Direto ao ponto. Pessoal o código abaixo substitui qualquer palavra que está no array por aprendiz, mas com uma condição: Note que no array temos a palavra verde em minuscula Se for digitado por exemplo no campo input com letras maiusculas a palavra VERDE str_replace não corta ou seja deixa passar Gostaria de saber como fazer o php reconhecer que verde ou VERDE ou Verde ou vErDE é a mesma palavra <?php $nome = $_POST['nome']; $dados = array("verde" ); $resultado = str_replace($dados , "aprendiz" , $nome); echo ($resultado); } ?> <br><br> <input type="text" name="nome" value="" />
  9. Biel.

    while

    Boa tarde a todos. Direto ao ponto. Pessoal temos no banco de dados tem 5 registros Da forma que o código está abaixo, exibe na tela somente o PRIMEIRO registro ou seja joao Gostaria de exibir na tela TODOS os registros que estão na tab_aprendiz Quero que a chave de fechamento } ou endwhile fique ANTES de dar um echo na $nome e que exiba todos os registros tab_aprendiz id nome 1 joao 2 jose 3 pedro 4 tiago 5 lucas ... <table width="671" border="0" style="width:300px;" > <tr> <td>nome</td> </tr> <?php $sql = mysqli_query ($con, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome']; } ?> <tr> <td><?php echo $nome;?></td> </tr> </table>
  10. Biel.

    time

    Boa noite a todos .Direto ao ponto Pessoal o time 1299446702 corresponde a data 06/03/2011 Como faço saber que time corresponde a data 10/07/2013 <?php $time = 1299446702; // o time 1299446702 corresponde a data 06/03/2011 $converte = date('d/m/Y',$time); echo "o time $time corresponde a data &raquo; " . $converte; ?>
  11. Biel.

    Notice: Undefined variable

    Direto ao ponto. Pessoal estou tentando resolver o seguinte problema: a tab_aprendiz tem três registros id nome 1 joao 2 maria 3 jose EX:1 Suponha que a tab_aprendiz não tem nenhum registro. Do jeito que o codigo está abaixo mesmo não tendo nenhum registro na tab_aprendiz não exibe na tela nenhum tipo de erro ou Notice: Undefined variable <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome']; ?> <?php echo 'o 1º nome é ' .$nome . '<br />' . 'o 2º nome é ' .$nome . '<br />' . 'o 3º nome é ' .$nome . '<br />' ; ?> <?php } ?> EX:2 Este EX 2 mesmo não tendo nenhum registro na tab_aprendiz, exibe na tela Notice: Undefined variable . Gostaria de saber como resolver o problema Notice: Undefined variable neste EX 2 <?php $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz "); while($linha = mysqli_fetch_array($sql)){ $nome = $linha['nome']; } ?> <?php echo 'O primeiro nome que será exibido é ' .$nome ;?>
  12. Biel.

    DELETE

    Bom dia a todos. Direto ao ponto. Pessoal, tenho duas tabelas no banco de dados mySQL -> tab_aprendiz e tab_aluno Da forma que o código está abaixo somente o id 5 da tab_aprendiz é deletado. Quero deletar o id 5 das duas tabelas de uma só vez . Como Faço ? tab_aprendiz id 4 5 tab_aluno id 4 5 ... <?php $sqlDeleta = mysqli_query($con, "DELETE * FROM tab_aprendiz WHERE id = '5' "); while($linha = mysqli_fetch_array($sql)){ $id = $linha['id']; } ?>
  13. Biel.

    order by

    Boa tarde a todos. Direto ao ponto. Pessoal cadastrei 6 valores no BD tab_aprendiz valor tipo varchar valor 265.86 449.51 1959.89 517.93 2959.89 338.95 Quero exibir na tela os valores na ordem DESC ou ASC ... O que faço? Tentei assim order by valor DESC não deu certo e order by valor ASC também não deu certo * Nota: Se no BD tiver valores acima de 999.99 ; order by valor DESC ou ASC não funciona(fica tudo bagunçado). Agora se os valores no BD forem abaixo de 999.99 order by valor DESC ou ASC funciona normalmente
  14. Biel.

    multiplicação

    Bom dia a todos. Direto ao ponto. Pessoal quando cadastro os dados no bd obtenho este resultado quantidade valor_a valor_b 3 2,97 6 quando pego a quantidade * valor_a não estou conseguindo obter o valor total ou seja 8,91 Quero muito obter este resultado quantidade valor_a valor_b 3 2,97 8,91 ... <?php $quantidade = $_POST['quantidade']; $valor_a = $_POST['valor_a']; $valor_b = $quantidade * $valor_a; ?> <input type="text" name="quantidade" value="3" /> <br> <input type="text" name="valor_a" value="2,97" />
  15. Boa tarde a todos. Direto ao ponto. Pessoal estou tentando fazer o efeito sanfona/accordion com jquery ; exibindo assim somente o conteúdo da categoria que receber um click . Sei que na web muita coisa pronta. Estou postando justamente para que me ajudem a desenvolver de uma forma que eu consiga compreender . Grato! <!DOCTYPE html PUBLIC > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>...</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> *{ margin:0; padding:0;} body{ font-family:Verdana, Tahoma, 'Trebuchet MS' ; } .caixa{ max-width:500px; margin:0px 0px 20px 0px; } .conteudo{ background-color:#FC9; } .hide{display: none;} .show{display: block;} </style> <script type="text/javascript"> $(document).ready(function(){ // quando o botão receber um clique $("button").click(function(){ // mostre-show o conteúdo da class que porventura esteja escondida-hide var tete = $(this).next('.conteudo').show(); }); }); </script> </head> <body> <div class="caixa"> <button>categoria A</button> <div class="conteudo show ">conteúdo da categoria A</div> </div> <!-- ======================================================== --> <div class="caixa"> <button>categoria B</button> <div class="conteudo hide ">conteúdo da categoria B</div> </div> <!-- ======================================================== --> <div class="caixa"> <button>categoria C</button> <div class="conteudo hide ">conteúdo da categoria C</div> </div> <!-- ======================================================== --> </body> </html>
  16. Biel.

    redimensionar browser

    Boa noite a todos. direto ao ponto. Pessoal gostaria que ao redimensionar o browser a div aluno também fosse redimensionada SEM QUEBRAR e que permanecesse ao lado da div aprendiz Nota: Pessoal a div aluno tem que ter 200px sempre. Gostaria de obter o resultado desejado sem usar flexbox .Obrigado <!DOCTYPE html PUBLIC> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #principal_PAI{ padding:10px 10px 10px 10px; margin:0 auto; background-color:#090; height:400px; } #aprendiz{ min-width:200px; max-width:200px; height:100px; float:left; background-color:#FFF; } #aluno{ max-width:1024px; height:100px; float: left; background-color:#CCC; } </style> </head> <body> <div id="principal_PAI"> <div id="aprendiz">div aprendiz</div> <div id="aluno"> div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno div aluno </div> </div> </body> </html>
  17. Glr tentem me ajudar, eu rodava ele normal sem erro nenhum só que agora quando to abrindo ele da força de encerramento. E meu pc ja rodava lisinho as configurações dele ele não travava sempre abria o jogo correto nunca deu bug só q do nada da isso 1 ) Eu ja tentei entrar executando como administrador, já desinstalei ele e instalei e já excluir todo da pasta Data em meus documentos 2 ) Eu ja entrei em quase todos os fóruns mais não diz como resolver esse assunto ja entrei no YOUTUBE também fiz tudo o que dizia no vídeo e mesmo assim não pegou. 3 ) se vcs conseguiram ou consertar esse erra me diz por favor to querendo zerar esse jogo. A imagem esta ai embaixo Por favor me ajudem, agradeço muito !!!
  18. Biel.

    menu

    Pessoal o menu accordion abaixo está funcionando normalmente. Gostaria que o conteúdo das páginas fosse exibido quando o quando o cursor for pressionado e não quando o cursor passar sobre os links. Alguém tem alguma ideia aonde tenho que mexer no código ? <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{margin:0; padding:0; font-family:Verdana, Tahoma ;} body{ background-color:#CCC;} div#lateral{ margin:40px; max-width:240px; background-color:#999; border-radius:5px; padding:10px; } div.tete{ max-width:240px; } a.aprendiz:link, a.aprendiz:visited{ font-size:16px; font-weight:bold; margin-bottom:4px; background-color:#89B889; padding:10px 10px 10px 10px; display:block; text-decoration:none; } div.info{ max-width:240px; height:0px; overflow: hidden; -webkit-transition: height 1s; background-color:#FFF; padding-left:10px; } div.tete:hover div.info{ height:auto; } /* div.tete:target{ } */ ul{ padding:10px;} </style> </head> <body> <div id="lateral"> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 1</a> <div class="info"> conteúdo da página 1<br> conteúdo da página 1<br> conteúdo da página 1<br> </div> </div> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 2</a> <div class="info"> conteúdo da página 2 <br> conteúdo da página 2 <br> conteúdo da página 2 <br> </div> </div> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 3</a> <div class="info"> conteúdo da página 3<br> conteúdo da página 3<br> conteúdo da página 3<br> </div> </div> <!-----------------------------------------------> <div class="tete"> <a href="" class="aprendiz">pagina 4</a> <div class="info"> conteúdo da página 4<br> conteúdo da página 4<br> conteúdo da página 4<br> </div> </div> <!-----------------------------------------------> </div> </body> </html>
  19. Direto ao ponto. Pessoal, gostaria de exibir na tela o código javascript e HTML e não o resultado do código. Muitos exibem na tela o código javascript e HTML colocando span style pra tudo quanto é lado. Gostaria de exibir na tela o código javascript e HTML de uma forma prática ou menos gambiarrenta. Alguém tem alguma dica, idéia de como fazer isso? Obrigado amigo! <p id="aprendiz"></p> <script> var stringExemplo = "Aprendendo JavaScript"; var quantidade = stringExemplo.length; document.getElementById("aprendiz").innerHTML = quantidade; </script>
  20. Biel.

    posicionar elemento

    Pessoal como faço para posicionar a div aprendiz na parte inferior da div principal. Nota: Gostaria de saber se tem como fazer isso sem usar Unidades de tamanho % em px ou qualquer outra <style> .principal{ width:500px; margin:0 auto; height: 200px; background-color:#990; } .aprendiz{ width:200px; height:50px; background-color:#CCC; position: fixed ; } </style> <div class="principal"> <div class="aprendiz"></div> </div>
  21. Biel.

    exibir conteúdo da página

    Direto ao ponto. Pessoal abaixo temos página 1 página 2 e página 3 . Quando clico na página 1 o conteúdo da página 1 é EXIBIDO normalmente e quando clico novamente na página 1 o conteúdo da mesma fica OCULTO . Gostaria que a página 2 e página 3 tivesse o mesmo resultado que a página 1. Nota: Estou tentando adicionar laço de repetição for no código abaixo para obter o resultado desejado, mas não estou conseguindo. <!DOCTYPE html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> .section{ width:500px; background:#C1C1C1;} #aprendiz { width: 100%; background-color:transparent; display:none; } .cabH1{ color:#09F; font-size:22px; font-weight:bold; cursor:pointer; background-color:transparent; } </style> </head> <body> <div class="section"> <h1 class="cabH1" onClick="exibe_e_oculta()">página 1</h1> <div id="aprendiz"> conteúdo da página 1 </div> </div> <div class="section"> <h1 class="cabH1" onClick="exibe_e_oculta()">página 2</h1> <div id="aprendiz"> conteúdo da página 2 </div> </div> <div class="section"> <h1 class="cabH1" onClick="exibe_e_oculta()">página 3</h1> <div id="aprendiz"> conteúdo da página 3 </div> </div> <script> function exibe_e_oculta() { var x = document.getElementById("aprendiz"); if (x.style.display == "none") { x.style.display = "block"; } else if (x.style.display == "block") { x.style.display = "none"; } else { x.style.display = "block"; } } </script> </body> </html>
  22. Biel.

    accordion

    Boa tarde a todos. Direto ao ponto. Pessoal gostaria que ao pressionar uma categoria qualquer todo seu conteúdo fosse exibido <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{margin:0; padding:0; } body{ font-family:Verdana; background-color:#EBEBEB;} .aprendiz{ max-width:400px; height: auto; background-color:#F6F6F6; border-radius:5px; } .tete{ width: auto; height: 0px; background-color:#9CF; color:#900; overflow:hidden; -webkit-transition: height 1s; } .categoria{ padding:10px 6px; background-color:#24c06f; display:block; } </style> </head> <body> <div class="aprendiz"> <!-----------------------------------------------> <span class="categoria">camisa P</span> <div class="tete"> camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa Pcamisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P camisa P </div> </div> </div> <br> <div class="aprendiz"> <!-----------------------------------------------> <span class="categoria">camisa M</span> <div class="tete"> camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M camisa M </div> </div> </div> </body> </html>
  23. Biel.

    exibir submenu

    Boa noite a todos. direto ao ponto. Pessoal gostaria que ao encostar o cursor no menu cores | blusas o submenu fosse exibido. Não sei o que está faltando ou aonde estou errado. Vejam: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> * {margin:0;padding:0;} body{background: #f0f6fa ; font-size:20px; color:#343434; font-family:Verdana; } #menu{width: 600px; height:40px; margin:0 auto;} #menu li { color:#000; list-style:none; font-weight:bold; font-size:15px; } #menu li a { background:#FF0; line-height:30px; float:left; margin-left:2px; padding:0px 10px; text-decoration:none; } #menu li a:hover { background:#90F; /* roxo */ color:#FFF; /* branco */ } #box { border:2px solid #D40000; width:300px; background: #fff; display: none; /* position: absolute;*/ } #box .sub { background: #fff; } #box .sub li { font-size: 1.0em; font-weight: bold; background: #fff; } #box .sub li a { display: block; line-height:28px; padding:0 4px; color: #596774; width: 200px; border-bottom:1px dashed #666; margin:0 6px; } #box .sub li a:hover { background: #C60; /* laranja escuro */ color: #FFF; /* branco */ } </style> <title></title> </head> <body> <div id="menu"> <ul> <!-- ====================================================== --> <li><a href="#">cores</a> <div id="box"> <ul class="sub"> <li><a href="#">verde</a></li> <li><a href="#">azul</a></li> <li><a href="#">cinza</a></li> </ul> </div> </li> <!-- ====================================================== --> <li><a href="#" >blusas</a> <div id="box"> <ul class="sub"> <li><a href="#">blusa p</a></li> <li><a href="#">blusa m</a></li> <li><a href="#">blusa g</a></li> </ul> </div> </li> <!-- ====================================================== --> </ul> </div> </body> </html>
  24. Boa tarde a todos. Direto ao ponto. Pessoal abaixo temos divUm e divDois. Quando a divDois encosta na divUm a divDois é jogada pra baixo. Gostaria que a divDois não quebrase/jogada pra baixo <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>.</title> </head> <style> *{margin:0; padding:0} #principal{max-width:1000px; margin:0 auto; height:auto;} #divUm{ width:300px; height:200px; float:left; background:#C1C1C1; } #divDois{ width:300px; height:200px; float:right; background:#979797; } .clear{ clear:both; height:10px; background:#646464;} </style> </head> <body> <div id="principal"> <div id="divUm">divUm</div> <div id="divDois">divDois</div> <div class="clear"></div> </div> </body> </html>
  25. Boa tarde a todos. Direto ao ponto. Pessoal quando redimensiono o browser firefox a img_dois é jogada pra baixo. Gostaria que a img_dois não fosse jogada pra baixo quando o browser fosse redimensionado Estou usando responsive design mode do firefox para redimensionar a tela <!DOCTYPE html > <html > <head> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css" media="screen"> *{padding:0;margin:0;} #topo_VJTSR{width: auto; float:left; background:#360;} #topo_DCFWS{width:auto; float: left; background:#360; } .img_um{width:470px; height:135px; } /* 470 + 179 = 649px */ .img_dois{width:179px; height:135px; } @media (max-width:470px) { .img_um {width: 100%; height: 100%; } } @media (max-width:179px) { .img_dois {width: 100%; height: 100%; } } </style> </head> <body> <div id="topo_VJTSR"> <img src="imagem1.png" class="img_um" /></div> <div id="topo_DCFWS"><img src="imagem2.png" class="img_dois" /></div> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.