Ir ao conteúdo

Patrick Franco

Membro Pleno
  • Posts

    29
  • Cadastrado em

  • Última visita

Reputação

11
  1. Estou tentando fazer um site e estou com um problema com as divs. Fiz o <header> e depois do conteúdo do header fiz uma <section>(não sei se é o mais adequado mas foi o que fiz), o problema é que o conteúdo da <section> está ficando por trás do <header>. Veja na imagem: Quando eu não coloco nenhuma propriedade na imagem, fica certo, a imagem não fica atrás do <header>, mas se eu mudar o tamanho, por exemplo, ela fica desse jeito aí.. Segue os códigos: HTML <!DOCTYPE html> <html lang="PT-BR"> <head> <title>Astronich</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-----------------------------------------------------------------> <link rel="stylesheet" type="text/css" href="./css/style.css"> <link rel="stylesheet" type="text/css" href="./css/fontImport.css"> <link rel="icon" type="imagem/png" href="./favicon.ico"/> <!-----------------------------------------------------------------> <script src="https://kit.fontawesome.com/8763e6d79f.js"></script> </head> <body> <header class="header"> <main> <div class="headerContent"> <div class="headerLogo"> <a href="./index.html" alt="Astronich"> <img src="./images/logoAstronich.png"> </a> </div> <hr class="hr"> <nav class="navigation"> <ul> <li><a href="./index.html">INÍCIO</a></li> <li><a href="#">PROJETOS</a></li> <li><a href="#">CONTATO</a></li> </ul> </nav> <nav class="navigationSocialNetwork"> <ul> <li><a href="#" alt="Facebook"><i class="fab fa-facebook-square"></i></a></li> <li><a href="#" alt="Instagram"><i class="fab fa-instagram"></i></a></li> <li><a href="#" alt="YouTube"><i class="fab fa-youtube"></i></a></li> </ul> </nav> <button class="buttonDiscord">DISCORD</button> </div> </main> </header> <section class="section1"> <div class="section1Image"> <img src="./images/socialgunLogo.png"/> </div> <div class="section1Description"> </div> </section> </body> </html> CSS *{ margin: 0% ; padding: 0% ; border: 0px ; box-sizing: border-box ; -webkit-box-sizing: border-box ; } main{ width: 1000px ; height: 100% ; margin: 0 auto ; float: left ; position: relative ; } body{ font-size: inherit ; font-family: 'Source Sans Pro' ; background-color: #0D0D0D ; } input, select, iframe{ border: none ; font-family: 'Source Sans Pro' ; } h1, h2, h3{ margin: 0px; padding: 0px ; } ol, ul{ list-style: none ; } a{ text-decoration: none ; color: inherit ; } .header a:hover{ color: #FF9500 ; } .header{ width: 100% ; height: 80px ; overflow-x: auto ; background-color: #181818 ; position: absolute ; align-content: center ; text-align: center ; /**/ display: flex ; flex-direction: row ; justify-content: center ; align-items: center ; overflow: hidden ; border-bottom: 0.1px solid #707070 ; } .headerContent{ height: 80px ; width: 100% ; position: absolute ; text-align: center ; display: flex ; align-items: center ; } .buttonDiscord{ border: none ; border-radius: 5px ; cursor: pointer ; font-family: 'Source Sans Pro' ; font-size: 15 ; padding: 12px 23px ; background: #FF9500 ; margin-left: 20px ; float: right ; text-decoration: none ; } .headerLogo img{ width: 60px ; height: 60px ; float: left ; } .hr{ height: 40px ; width: 1.1px ; border: 0.1px solid #707070 ; margin-left: 15px ; margin-right: 10px ; } nav{ float: right ; position: relative ; } nav ul li{ display: inline ; margin-right: 10px ; margin-left: 10px ; color: white ; font-size: 15 ; } .navigationSocialNetwork{ float: right ; margin-left: 400px ; } .section1{ background-color: #1D1D1D ; width: 100% ; height: 500px ; } .section1Image{ background-color: red ; width: 200px ; height: 200px ; } .section1 img{ width: 150px ; height: 150px ; } Agradeço se alguém puder me ajudar! Abraços!
  2. Estou tentando começar a aprender React Native com alguns vídeos da Rocketseat, porém, após seguir todos os passos, quando chega a hora do comando: react-native run-android Carrega algumas coisas por alguns segundos e logo da erro, conforme na imagem: O que poderia ser? Alguém poderia me ajudar? Por favor?
  3. @LNPott chegou o processador e funcionou tudo certinho, o PC desligou uma hora sem motivo algum aparente mas de boa. Obrigado!
  4. @LNPott Muito obrigado amigo! Meu processador estará chegando essa semana e farei o teste. Espero que funcione kkkk valeu!
  5. Estou montando um PC há algum tempo e ainda me falta o processador, mas eu já estive ligando ele pra ver as luzinhas acenderem e funcionou, porém, quando eu ligo ele, as luzes acendem, a ventoinha roda e ele fica assim por 2 segundos, então ele desliga, liga sozinho novamente e repete o processo, desliga, liga, desliga, liga, tudo sozinho, tudo bem que eu ainda não coloquei o processador e não sei se isso vai influenciar, mas vi alguns vídeos, falei com um amigo e o deles não acontecia isso que está acontecendo no meu. O que poderia ser? Isso é normal? É característico da minha placa-mãe? Preciso de ajuda. Minha placa-mãe é uma AORUS Z370M Gaming.
  6. Estou aprendendo HTML e tentei por uma imagem de fundo, mas não entra. HTML: <!DOCTYPE HTML><!--Instrução especial que indica para o navegador a versão atual do html--> <!--Tag inicial da codificação--> <html> <!--Tag que contém informações sobre o documento de interesse do navegador e não dos visitantes do site--> <head><!--Tag inicial do cabeçalho --> <link rel="stylesheet" href="styles/style.css"> <title>Universidade anhanguera</title><!--Título que será exibido na barra de títulos da janelas do navegador--> <!--Configuração da codificação dos caracteres - Unicode (utf8)--> <meta charset="utf-8"> </head><!--Tag final do cabeçalho--> <body><!--Tag inicial do corpo do documento--> <!--Comentário:primeira página html 5--> <h1>Boletim Escolar-1ºbimestre</h1><!--Título no formato h1--> <h2>Nome: Patrick Neves Da Silva Franco</h2><!--Título no formato h2--> <h3>CPF: 491.878.978-14</h3><!--Título no formato h3--> <ul> <!--Lista não ordenada--> <li>Curso: Análise e Desenvolvimento de Sistemas</li><!--Item da lista--> <li>Turma: 2ªA </li><!--Item da lista --> <li>Periodo: Noturno</li><!--Item da Lista--> <br> <li>Matéria: Projeto Integrado II</li><!--Item da lista--> <li>Nota: 14.000 Pontos </li><!--Item da lista --> <br> <li>Matéria: Sistemas de Computação e de informação II</li> <li>Nota: 14.000 Pontos </li> </ul> <!--Parágrafo--> <p>Boletim Escolar para acompanhamento do desempenho acadêmico do aluno. Qualquer dúvida,o aluno deve-se dirigir ao DCA(departamento de controle acadêmico) da Universidade.</p> </body><!--Tag final do corpo do documento--> </html> CSS: body{ background-image: url(/media/background.jpg); background-size: 100%; } Tentei por diversas coisas no CSS mas nada funcionou.
  7. Boa noite, Estou tentando aprender sobre HTML e CSS e já me deparei com problemas. Acredito eu que era pro KAT STORE fica centralizado na tela mas não está acontecendo isso. Alguém poderia me ajudar?
  8. Muito obrigado bro
  9. Tem jeito de por o endereço de uma imagem pra substituir?
  10. Bom dia, Peguei um template na internet pra ir mexendo e ver se consigo alterar para minhas necessidades mas cheguei em uma parte onde existem algumas imagens que não estou sendo capaz de encontrar o caminho para fazer a alteração. O site é o seguinte: http://www.katstore.tk Esses são os ícones que não encontro o caminho. Alguém poderia me ajudar?
  11. Não foi adicionado 0 minutos depois Já tentei 2 outros sites que fazem a mesma coisa e não foi encontrado
  12. Boa tarde, Gostaria de saber o nome dessa fonte que está escrito Strange Trails em amarelo. É da capa de um álbum da banda Lord Huron. Agradeço desde já
  13. Eu baixei o Visual Studio Code, mas sei lá, da certo com ele também?
  14. Por não achar que vão ensinar C# na faculdade, decidi ir atrás disso sozinho, e esse aqui está sendo meu primeiro contato. Fiz esse programa me baseando no código do cara que estava ensinando. using System; class Program { static void main(string[] args) { int num1 = 50,num2 = 50,resultado; Console.WriteLine("Calculando . . ."); resultado = (num1 + num2); Console.WriteLine("O reusltado da conta foi "+resultado); Console.ReadKey; } } Não sei se deveria funcionar, gostaria que vocês me ajudassem se possível. E peço que por gentileza me recomendem uma IDE para usar. Agradeço desde já!

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!