Search the Community
Showing results for tags 'css html'.
-
css html Como fazer a barra de pesquisa em CSS funcionar
Bruno Júnior posted a question in HTML, XHTML, CSS
Eu criei o design de uma barra de pesquisa com um botão de lupa ao lado para o meu site em css, mas não sei como fazer com que o botão de lupa pesquise o que está na barra de pesquisa, nem como fazer com que o Enter pesquise o que lá está também. Agradeço se alguém me puder ajudar. -
"Table" não fica no topo da página :(
yZoom posted a question in Tutoriais & Dicas - HTML, XHTML, CSS
eae galera, tudo certo? comigo não ;-; hoje eu tava tentando testar minha nova ideia para gerar público e eu "novato" tentei fazer uma página, só que quando eu terminei o table era pra ele ficar no topo da página só que de nenhum jeito consigo subir ele to quase pensando em desistir :(, se alguém souber me explica como deixa ele pregado no topo me ajudaria muito. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"> <title>Teste cliente Download</title> <link href="css/style.css" rel="stylesheet"/> <link href="//db.onlinewebfonts.com/c/952bab25f6798d6bb1937d67e9bee4dd?family=Sans" rel="stylesheet" type="text/css"/> <script src="scripts/seu-script.js"></script> </head> <body> <img src="https://w7.pngwing.com/path/219/256/932/phoenix-logo-clip-art-flame-football-pictures-daquan-39eaa91327b05025a67a93ad36571b53.png" alt="" width="80"> <br><br> <h3>Área de Download</h3> <h4>coloque seu email para prosseguir com o download<a href="obrigado.voce.que.esta.me.ajudando.❤️.html"> Saiba mais</a></h4> <br><br> <table class="content-table"> <thead> <tr> <th>Nome</th> <th>Canal</th> <th>Armazenamento</th> <th>Situação</th> </tr> </thead> <tbody> <tr> <td>arquivo.apk</td> <td>TesteGamer</td> <td>?Mb?</td> <td>pendente</td> </tr> </div> <form> <div class="inputBox"> <input type="email" name="usuario" id="usuario" required=""> <label>Email</label> </div> <div id="teste"> </div> <form> <input type="submit" name="próximo" value="próximo" class="botaoEnviar" /> </form> </body> </html> * { font-family: sans-serif,@import url(//db.onlinewebfonts.com/c/952bab25f6798d6bb1937d67e9bee4dd?family=Sans);; } .content-table { border-collapse: collapse; margin: 30px 0; font-size: 0.8em; min-width: 400px; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); table-layout: fixed; } .content-table thead tr { background-color: #DC143C; color: #ffffff; text-align: center; font-weight: bold; table-layout: fixed; } .content-table th, .content-table td { padding: 12px 15px; table-layout: fixed; } .content-table tbody tr { border-bottom: 1px solid #dddddd; } .content-table tbody tr:nth-of-type(even) { background-color: #red; } .content-table tbody tr:last-of-type { border-bottom: 2px solid #red; } h3 { font-size: 45px; text-align: center; text-decoration: none; } h4 { font-size: 10px; color: #687173; text-align: center; text-decoration: none; font-weight: 500; } a { font-size: 10px; text-align: center; text-decoration: none; } .inputBox { position: relative; } .inputBox input { width: 80%; padding: 10px 0; font-size: 16px; color: #000; letter-spacing: 0.3px; margin-bottom: 30px; border: none; border-bottom: 1px solid #0070BA; outline: none; background: transparent; } .inputBox label { position: absolute; top: 0; left: 0; padding: 2px 0; font-size: 14px; color: #0070BA; pointer-events: none; transition: .5s; } .inputBox input:focus ~ label, .inputBox input:valid ~ label { top: -18px; left: 0; color: #000; font-size: 12px; } form { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 100vh; } .botaoEnviar { width: 150px; padding: 10px 13px; border: 1px solid #000; border-radius: 30px; background-color: #DC143C; font-weight: bold; color: #fff; font-size: 18px; } } -
Sou novo na área , estou aprendendo agora , gostaria de uma ajuda , estou tentando fazer um menu estou seguindo alguns tutoriais no youtube , fiz um menu só que não consigo mudar a cor da fonte nem tirar o sublinhado , se alguém poder me ajudar agradeço muito !! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="css/reset.css" rel="stylesheet" type="text/css" /> <link href="css/estilo.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { background-image: url(../PLANILHAS%20CAIO/projeto/imagens/fundo.jpg); } </style> </head> <body> <div id="logo"> </div> <!--div final do logo--> <div id="topo"></div> <!--div final topo--> <div id="menufundo"><nav id="menu"> <ul> <li><a href="#">Pagina Inicial</a></li> <li><a href="#">Produtos</a></li> <li><a href="#">Missão</a></li> <li><a href="#">Links</a></li> <li><a href="#">Contato</a></li> </ul> </nav> </div> <div id ="fundoinicial"> </div> <!--div final fundoinicial--> </body> </html> @charset "utf-8"; /* CSS Document */ #topo { background:url(../imagens/topo.png); position:inherit; width:1024px; height:190px; border-bottom:none; margin:auto; } #logo { float: left; background:url(../imagens/logoc.png); position:relative; top:50px; left:230px; width:541px; height:133px; } #fundoinicial { background-image:url(../imagens/fundoof.png); width:1024px; height:1080px; margin:auto; } #menufundo { background:url(../imagens/menu.png); position:relative; width:1024px; height:30px; margin:auto; } #menu ul li { font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:30px; display:inline; padding:30px; margin:20px; color:#FFF; }
-
gente estou com muita dificuldade em html e css vou apresentar um trabalho amanha minha equipe montou uma estrutura usando html e css alguém pode me ajudar fazendo algumas melhoria na minha home page?