Search the Community
Showing results for tags 'html'.
-
Estou a refazer um site de um cliente e as imagens não aparecem O html: <section class="u-align-center u-clearfix u-image u-shading u-section-1" href="img/pedrafundo2.jpg" data-image-width="1280" data-image-height="853"> <div class="u-clearfix u-sheet u-sheet-1"> <h1 class="u-text u-text-default u-text-1"> Mesas por Medida<br>Casa & Hotelaria</h1> <p class="u-large-text u-text u-text-variant u-text-2"> Fabricamos mesas altas, baixas, compridas, largas, 100% Personalizadas ao seu gosto! Preparadas para um uso diário e intensivo!</p> <a target="_blank" href="https://www.youtube.com/channel/UCZbv8-ylGYp4PITuZ-d-kqQ/playlists" class="u-border-none u-btn u-button-style u-hover-palette-5-base u-palette-5-light-1 u-btn-1"> Veja os nossos testes de resistência</a> </div> </section> O css .u-section-1 { background-position: 50% 50%; background-image: url('img/pedrafundo2.jpg'); } as outras mods são só visuais para o texto e essas coisas na ferramenta de inspecionar do google na consola encontrei um aviso a dizer "ERR_FILE_NOT_FOUND"
-
Boas pessoal, Tenho o seguinte Butão que ao clicar nele ele envia o ficheiro selecionado para o cliente. <a href="sendEmail.php?id=<?php echo $fatura['id']; ?>&doc=faturas&OPTION=F" class="btn btn-sm btn-primary"> <i class="fa fa-at"></i> E-mail</a> O que eu queria fazer era, quando eu clicar para enviar o botão ficar verde e a mostrar a mensagem "enviado" para sempre. Eu ja consegui fazer isso mas quando atualizo a pagina ele volta ao normal. Alguém tem uma ideia de como posso fazer isso de uma forma simples? Obrigado
-
Estou com uma questão e já não me recordo do método, sei que existia uma forma atomizada de colocar o site responsivo alguém sabe qual é? html <!DOCTYPE html> <html lang="pt"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" media="(min-width: 800px)" href="style\style.css"> <link rel="stylesheet" type="text/css" media="(max-width: 800px)" href="style\mobile.css"> </head> <body> <div class="img1"> <img src="logo.png"width="10%" height="15%"> </div> <header> <ul class="menul"> <li class="menuil"><a href="./contact.html">Contactos</a></li> <li class="menuil"><a href="./portfoliomain.html">Portfólio</a></li> <li class="menuil"><a href="./service.html">Serviços</a></li> <li class="menuil"><a href="./about.html">Sobre Nós</a></li> <li class="menuil"><a href="../index.html">Home</a></li> </ul> </header> <div class="descimg1"> <h6>Badger Tech</h6> </div> <div class="fc"> <div class="fci"> <div class="fcf"> <img src="img/about.jpg" class="imgbout1" alt="about"> </div> <div class="fcb"> <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h1> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></b> aqui.</p> </div> </div> </div> <div class="spcH"></div> <div class="fc2"> <div class="fci2"> <div class="fcf2"> <img src="img/quefazes.jpg" class="imgbout1" alt="quefazemos" > </div> <div class="fcb2"> <h1>bbbbbbbbbbbbbbbbbbbbbb</h1> <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p> </div> </div> </div> <div class="fc3"> <div class="fci3"> <div class="fcf3"> <img src="img/horas.jpg" class="imgbout1" alt="horas"> </div> <div class="fcb3"> <h1>cccccccccccccccccccccccccccc</h1> <p>ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</p> </div> </div> </div> <br> <br> <br> <br> <br> <br> <footer> <h6 class="copyr"> © </h6> </footer> </body> </html> css /* about us*/ /*fc1*/ .fc { background-color: transparent; width: 300px; height: 600px; perspective: 1000px; margin-top:5%; margin-left:10%; } .fci { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .fc:hover .fci { transform: rotateY(-180deg); } .fcf, .fcb { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fcf { color: white; } .fcb { background-image: linear-gradient(#f24236 , rgba(0,0,0,0)); color: white; transform: rotateY(180deg); } /*fc2*/ .fc2 { background-color: transparent; width: 300px; height: 600px; perspective: 1000px; margin-top:-44.222222%; margin-left:40%; } .fci2 { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .fc2:hover .fci2 { transform: rotateY(-180deg); } .fcf2, .fcb2 { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fcf2 { color: white; } .fcb2 { background-image: linear-gradient(#f24236 , rgba(0,0,0,0)); color: white; transform: rotateY(180deg); } /*fc3*/ .fc3 { background-color: transparent; width: 300px; height: 600px; perspective: 1000px; margin-top:-44.233333333%; margin-left:70%; } .fci3 { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .fc3:hover .fci3 { transform: rotateY(-180deg); } .fcf3, .fcb3 { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fcf3 { color: white; } .fcb3 { background-image: linear-gradient(#f24236 , rgba(0,0,0,0)); color: white; transform: rotateY(180deg); } /*a about*/ .aabout{ color: black; } .imgbout1{ width:300px; height:600px; } tem mais codigo mas decidi colocar só esta pagina Alguém me pode ajudar?
-
O meu objetivo era criar uma tabela com dados e depois filtrar os dados por um intervalo de datas. Código HTML: echo"<form action='table.php' method='post' >"; echo"<div class='card-body pt-0'>"; echo"<div class='card-title'>"; echo"<div class=' search d-flex align-items-center position-absolute my-1'> <span class='svg-icon svg-icon-1 position-absolute ms-6'> <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'> <g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'> <rect x='0' y='0' width='24' height='24'></rect> <path d='M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z' fill='#000000' fill-rule='nonzero' opacity='0.3'></path> <path d='M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z' fill='#000000' fill-rule='nonzero'></path> </g> </svg> </span> <input type='text' name='valueToProcurar' class='form-control form-control-solid w-250px ps-15' placeholder='Search Customers'> <button type='submit' name='procura' value='Filter' class='btn btn-primary' data-kt-menu-dismiss='true' data-kt-customer-table-filter='filter'>Procurar nome</button> </div>"; echo"<div class='d-flex justify-content-end' data-kt-customer-table-toolbar='base'>"; echo"<button type='button' class='btn btn-light-primary me-3' data-kt-menu-trigger='click' data-kt-menu-placement='bottom-end' data-kt-menu-flip='top-end'>"; echo"<span class='svg-icon svg-icon-2'>"; echo"<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'>"; echo"<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>"; echo"<rect x='0' y='0' width='24' height='24' /> <path d='M5,4 L19,4 C19.2761424,4 19.5,4.22385763 19.5,4.5 C19.5,4.60818511 19.4649111,4.71345191 19.4,4.8 L14,12 L14,20.190983 C14,20.4671254 13.7761424,20.690983 13.5,20.690983 C13.4223775,20.690983 13.3458209,20.6729105 13.2763932,20.6381966 L10,19 L10,12 L4.6,4.8 C4.43431458,4.5790861 4.4790861,4.26568542 4.7,4.1 C4.78654809,4.03508894 4.89181489,4 5,4 Z' fill='#000000' />"; echo"</g>"; echo"</svg>"; echo"</span>"; echo"Filtro</button>"; echo"<div class='menu menu-sub menu-sub-dropdown w-300px w-md-325px' data-kt-menu='true'>"; echo"<div class='px-7 py-5'>"; echo"<div class='fs-4 text-dark fw-bolder'>Filter Options</div>"; echo"</div>"; echo"<div class='separator border-gray-200'></div>"; echo"<div class='px-7 py-5'>"; echo"<div>"; echo"<p> <b>Data</b> </p> <label for='from'>From</label> <input type='date' id='datepicker' name='fromDate' placeholder='Value To Search'> <br><br> <label for='to'>to</label> <input type='date' id='datepicker2' name='toDate' placeholder='Value To Search'> <br><br>"; echo"</div>"; echo"<div class='d-flex justify-content-end'>"; echo"<button type='reset' class='btn btn-white btn-active-light-primary me-2' data-kt-menu-dismiss='true' data-kt-customer-table-filter='reset'>Reset</button> <button type='submit' name='procura' value='Filter' class='btn btn-primary' data-kt-menu-dismiss='true' data-kt-customer-table-filter='filter'>Apply</button>"; echo"</div>"; echo"</div>"; echo"</div>"; echo"</div>"; echo"<div class='d-flex justify-content-end align-items-center d-none' data-kt-customer-table-toolbar='selected'>"; echo"<div class='fw-bolder me-5'>"; echo"<span class='me-2' data-kt-customer-table-select='selected_count'></span>Selected</div>"; echo"<button type='button' class='btn btn-danger' data-kt-customer-table-select='delete_selected'>Delete Selected</button>"; echo"</div>"; echo"</div>"; echo"<div class='table-responsive'>"; echo"<table class='table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer' id='kt_customers_table myTable' role='grid'>"; echo"<thead>"; echo"<tr class='text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0'><th class='w-10px pe-2'><div class='form-check form-check-sm form-check-custom form-check-solid me-3'><input class='form-check-input' type='checkbox' data-kt-check='true' data-kt-check-target='kt_customers_table .form-check-input' value='1' /></div></th><th class='min-w-125px'>id</th><th class='min-w-125px'>Nome</th><th class='min-w-125px'>Website</th><th class='min-w-125px'>Email</th><th class='min-w-125px'>Serviço</th><th class='min-w-125px'>Data</th><th class='min-w-125px'>Montante</th><th class='text-end min-w-70px'>Delete</th></tr>"; echo"</thead>"; while($row = mysqli_fetch_array($search_result)) { echo"<tbody class='fw-bold text-gray-600'> <tr class='container' id='gfg'> <td> <div class='form-check form-check-sm form-check-custom form-check-solid'><input class='form-check-input' type='checkbox' value='1' /></div></td> <td>{$row['id']}</td> <td> {$row['nome']} </td> <td> {$row['website']} </td> <td> {$row['email']} </td> <td> {$row['serv']} </td> <td> {$row['data']} </td> <td class='text-gray-800 text-hover-primary mb-1'> {$row['montante']} </td> <td class='text-end'> <div class='menu-item px-3'> <a href='dist/apps/costumers/delete.php?id=".$row['id']."' class='menu-link px-3' >Delete</a> </div> </td> </tr> </tbody>"; } echo"</table>"; echo"</div>"; echo"</form>"; echo"</div>"; echo"</div>"; echo"<div> <script src='dist/assets/plugins/global/plugins.bundle.js'></script> <script src='dist/assets/js/scripts.bundle.js'></script> <script src='dist/assets/plugins/custom/datatables/datatables.bundle.js'></script> <script src='dist/assets/js/custom/apps/customers/list/export.js'></script> <script src='dist/assets/js/custom/apps/customers/list/list.js'></script> <script src='dist/assets/js/custom/apps/customers/add.js'></script> <script src='dist/assets/js/custom/widgets.js'></script> <script src='dist/assets/js/custom/apps/chat/chat.js'></script> <script src='dist/assets/js/custom/modals/create-app.js'></script> <script src='dist/assets/js/custom/modals/upgrade-plan.js'></script> <script src='dist/assets/js/custom/intro.js'></script> </div>"; echo"</hmtl>"; Código PHP: <?php require'a/connect.php'; $trueuser="usermix"; $truepass="user0000"; $username = $_GET["username"]; $password = $_GET["password"]; if($username == $trueuser and $password == $truepass) { header("location: table.php"); } else { if($username == $trueuser and $password != $truepass) { echo'WRONG PASSWORD !!! Login Failed.'; } else { if($username != $trueuser and $password == $truepass) { echo'WRONG USERNAME !!! Login Failed.'; } else { if($username != $trueuser and $password != $truepass) { echo'WRONG PASSWORD AND USERNAME !!! Login Failed.'; } } } } ?> Eu já tenho o filtro por nome, agora queria inserir um filtro por intervalo de datas mas quando insiro as datas não acontece nada. Agradeço toda a ajuda possível.
-
Bom dia, Eu quero criar um programa para fazer login mas está a dar um erro estranho: Esta página não está a funcionar mixlifeserver.com não consegue processar este pedido de momento. HTTP ERROR 500 Código HTML: <html lang="pt"> <head> <meta charset="utf-8" /> <title>Login</title> <link rel="canonical" href="Https://preview.keenthemes.com/metronic8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="img/cliente1.png" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" /> <link href="dist/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" /> <link href="dist/assets/css/style.bundle.css" rel="stylesheet" type="text/css" /> </head> <body id="kt_body" class="bg-white"> <div class="d-flex flex-column flex-root"> <div class="d-flex flex-column flex-lg-row flex-column-fluid"> <div class="d-flex flex-column flex-lg-row-fluid py-10"> <div class="d-flex flex-center flex-column flex-column-fluid"> <div class="w-lg-500px p-10 p-lg-15 mx-auto"> <form method="post" class="form w-100" novalidate="novalidate" id="kt_sign_in_form" action="dist/apps/customers/validation.php"> <div class="text-center mb-10"> <h1 class="text-dark mb-3">Login</h1> <div class="fv-row mb-10"> <div class="d-flex flex-stack mb-2"></div> <label class="form-label fw-bolder text-dark fs-6 mb-0">Email</label> </div> <input class="form-control form-control-lg form-control-solid" type="email" name="username" autocomplete="off" value="" /> </div> <div class="fv-row mb-10"> <div class="d-flex flex-stack mb-2"> <label class="form-label fw-bolder text-dark fs-6 mb-0">Password</label> </div> <input class="form-control form-control-lg form-control-solid" type="password" name="password" autocomplete="off" /> </div> <div class="text-center"> <button type="submit" value="Login" id="" class="btn btn-lg btn-primary w-100 mb-5"> <span class="indicator-label">Continue</span> <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span> </button> </div> </form> </div> </div> </div> </div> </div> <script src="dist/assets/plugins/global/plugins.bundle.js"></script> <script src="dist/assets/js/scripts.bundle.js"></script> <script src="dist/assets/js/custom/authentication/sign-in/general.js"></script> </body> </html> Código PHP: <?php require'a/connect.php'; $trueuser="*****"; $truepass="*****"; $username = 'username'; $password = 'password'; if($username == $trueuser and $password == $truepass) { header("location: welcome.php"); } else { if($username == $trueuser and $password != $truepass) { echo'WRONG PASSWORD !!! Login Failed.'; } else { if($username != $trueuser and $password == $truepass) { echo'WRONG USERNAME !!! Login Failed.'; } else { if($username != $trueuser and $password != $truepass) { echo'WRONG PASSWORD AND USERNAME !!! Login Failed.'; } } } } ?> Agradeço toda a ajuda possível :))
-
Bom dia a todos. Gostava que me pudessem ajudar pois quero zelar pela segurança de toda a informação que quero armazenar sobre clientes. Eu tenho um formulário com cerca de 20 campos que tenho que preencher com informação critica e queria ter a certeza de que a informação é enviada, armazenada e consultada com segurança, isto e, que ninguém consegue aceder a essa informação de forma ilicita. O formulário esta feito em html e é armazenada num servidor online agradecia que me dessem ideias e como fazer. Sinto-me um bocado desorientado e queria que me ajudassem explicando o que devo e como faze-lo. Já me falaram de usar json e que se instala-se um certificado ssh no servidor não me precisava de me preocupar com nada, mas antes de ter que aprender a usar json e instalar o certificado queria saber as vossas sugestões. Aguardo as vossas sugestões de forma a eu fazer algo em condições e ficar descansado no que diz respeito à segurança dos dados de outras pessoas com que vou ter de trabalhar. Cumprimentos a todos.
-
Boa tarde pessoal. Estou a começar um curso de HTML para iniciantes mas estou com um problema logo no inicio do curso e não consigo perceber o porquê do erro. Basicamente crio a estrutura da página no notepad++ e na hora de pré visualizar a página no browser, a página aparece-me tal e qual está no notepad++, ou seja, em vez de criar uma página apenas com o conteúdo que criei aparece-me uma página com todas as tags criadas. Isto é o que me aparece na pré visualização da página: <!DOCTYPE html> <html lang="pt-pt"> <head> <meta charset="UTF-8"/> <title>Curso de HTML5</title> </head> <body> <h1>Olá, Mundo!<h1/> </body> </html> Tentei abri noutros navegadores e o resultado é o mesmo. Reparei num pormenor que não sei se poderá ser o problema disto que é, na barra onde aparece o domínio do site aparece que o formato do documento está em txt. mas não sei como contornar isso. Gostava de saber se alguém tem algum conselho para me dar. Obrigado
-
Boa tarde, estou a aprender e a educar-me a usar mais o JS. Estou a fazer um ficheiro com SORTABLE JS e queria usar um IF no onStart dependendo da informação contida na tag ID que tenho já guardado numa váriavel que saca a informação toda da DIV. Neste momento não sei como retirar qual a informação dentro da tag ID para fazer o meu IF. o meu código dentro do onStart: var info = evt.from; console.log(info); o que ele retorna: agora queria sacar o conteúdo do ID para fazer algo do genero IF var igual a caixa1 faz isto se for igual a caixa2 fazer aquilo... Muito obrigado e desculpem o amadorismo
-
Olá pessoal, venho aqui para pedir ajuda, gostaria de fazer um site para mostrar dados vindos de uma API externa mas não sei como fazer nem por onde começar, o template que eu gostaria de fazer seria mais ou menos assim:
-
Boa tarde companheiros, venho aqui novamente em busca de vossa sabedoria. Quero implementar um formulário HTML para cadastro e salva-lo em arquivo XML para envio e posteriormente editar. Seria possível sem usar php ou DB ?
-
Olá. Neste momento frequento o 12º Ano de um curso de Informática Aplicada à Web e precisava de ajuda. O meu objetivo é construir uma página de site que permita ao utilizador o seguinte: - Indicar o número de campos `<input type="number">` que deseja na calculadora. - Somar todos os números que o utilizador colocou no respetivo campo `<input type="number">`. - Indicar o resultado. A única coisa que consegui fazer é mandar ler o número de campos pretendidos pelo utilizador, e através de um `for` coloca-los na página. A minha dúvida está no resto, que é ler cada valor de cada `<input type="number">`, fazer a soma e escrever o resultado. O resultado do que consegui fazer até agora é o seguinte: Este é o meu código até agora: <form method="POST" action="calculadora.php"> <div class="card-body"> <div class="form-group"> <label for="exampleInputEmail1">Indique a quantidade de campos que pretende na calculadora:</label> <input name="campos" style="width: 10%;" type="number" class="form-control" id="exampleInputEmail1" placeholder=""> </div> </div> <!-- /.card-body --> <div class="card-footer"> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> <form action="processo_calculadora.php" method="POST"> <?php if (isset($_POST['campos'])) { $numCampos = $_POST['campos']; $ab = $numCampos; } else { $numCampos = 0; $ab = $numCampos; } echo "O número de campos escolhido é: " . $numCampos . "<br>"; for ($x = 1; $x <= $numCampos; $x++) { // echo "The number is: $x <br>"; echo "<input type='number' id='$x'>The number is: $x <br>"; } ?> <input type="submit" value="Calcular"> </form> <?php /* for ($y = 1; $y <= $numCampos; $y++) { $id[$y] = filter_input(INPUT_GET, $x[$y], FILTER_SANITIZE_NUMBER_INT); }*/ for ($x = 1; $x <= $numCampos; $x++) { // echo "The number is: $x <br>"; $id = filter_input(INPUT_POST, $x, FILTER_SANITIZE_NUMBER_INT); for ($x = 1; $x <= $numCampos; $x++) { echo $id . "<br>"; } } ?> Ficarei extremamente grato a quem me conseguir ajudar.
-
Bom dia, Eu estou a fazer um site, em HTML, para uma disciplina do meu curso. Esse site inclui um formulário e esse formulário inclui um campo para ser introduzido um código postal. Nesse campo, eu tenho de por uma RegEx, via atributo pattern, para que o Código Postal seja introduzido com o formato correto. Eu já tenho um RegEx no atributo pattern do input, mas creio que está errado, pois, ao escrever o Código Postal com o formato correto (ex. 1750-240), recebo um aviso do browser a dizer "Utilize o formato pedido". O RegEx que tenho no atributo pattern é: /^\d{4}-\d{3}?$/ Eu tentei com, pelo menos, dois RegEx, mas recebi o mesmo aviso com ambos. Obrigado, Guilherme
-
Boa noite pessoal espero que estejam todos bem!!! Estou a tentar criar um popup apenas com html e css e, embora já tenho conseguido em parte, sempre que dou refresh à página o popup aparece por breves segundos... Estes são os códigos que tenho, tanto css e html: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"><meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="QuemSomos.css"> <title>Quem Somos</title> </head> <body> <header class="header"> <nav> <a href="#"><img class="logo" src="#" alt="Foto da Loja"></a> <ul class="headerLinks"> <li class="headerLI"><a href="#">Página Inicial</a></li> <li class="headerLI"><a class="selecionado" href="#">Quem Somos</a></li> <li class="headerLI"><a href="#">Login</a></li> </ul> </nav> </header> <br><br> <footer class="footer"> <ul class="footerLinks"> <li class="footerCTG"><a href="#">FPS</a></li> <li class="footerCTG"><a href="#">RPG</a></li> <li class="footerCTG"><a href="#">Desporto</a></li> <li class="footerCTG"><a href="#">Sobrevivência</a></li> </ul> <ul class="footerLinks2"> <li class="footerCTG"><a href="#">Estratégia</a></li> <li class="footerCTG"><a href="#">Corrida</a></li> <li class="footerCTG"><a href="#">Simulação</a></li> </ul> <ul class="footerLinksCtc"> <li class="footerCTG"><a class="butaoPopup" href="#">Contactos:</a></li> <div id="popup1" class="overlay"> <div class="popup"> <h2>Contactos:</h2> <a class="fechar" href="#">×</a> <div class="conteudo"> Nº de Telémovel: [...] <br> Email: [...] </div> </div> </div> </ul> <ul class="footer_imagem"> <li class="footerIMG"><img class="IPSIMG" src="ESTS.png" alt="Localização da loja"></li> </ul> </footer> </body> </html> CSS: body{ font-family: verdana; margin: 0; } /* Header */ .header{ margin: 5px; background-color: gray; padding: 20px; border-radius: 15px; text-align: center; height: 80px; } .logo{ float: left; margin: 0; padding: 0; max-width: 95px; height: auto; } ul.headerLinks{ float: right; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li.headerLI{ float: left; margin: 0; padding: 20px 20px 3px 3px; } li a{ display: inline-flex; color: white; text-align: center; padding: 12px 14px; border-radius: 5px; text-decoration: none; } li a.selecionado{ background-color: darkred; } li a:hover:not(.selecionado){ background-color: darkred; } /* Fim do header */ /* Footer */ .footer{ margin: 5px; background-color: gray; padding: 20px; border-radius: 15px; text-align: center; height: 250px; } ul.footerLinks{ float: left; text-align: left; list-style-type: none; margin: 5px; margin-left: 100px; padding-top: 40px; padding-right: 1px; padding-left: 25px; padding-bottom: 10px; overflow: hidden; } ul.footerLinks2{ float: left; text-align: left; list-style-type: none; margin: 5px; margin-left: 15px; padding-top: 85px; padding-left: 1px; padding-right: 25px; padding-bottom: 10px; overflow: hidden; } ul.footerLinksCtc{ float: left; text-align: left; list-style-type: none; margin: 5px; margin-left: 15px; padding-top: 170px; padding-left: 1px; padding-right: 25px; overflow: hidden; } .butaoPopup{ cursor: pointer; } .overlay{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; } .overlay:target{ visibility: visible; opacity: 1; } .popup{ margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 0.5s ease-in-out; } .popup h2{ margin-top: 0; color: #333; font-family: verdana; } .popup .fechar{ position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .fechar:hover{ color: darkred; } .popup .conteudo{ max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .footerCTG{ width: 70%; } .popup{ width: 70%; } } ul.footer_imagem{ float: right; list-style-type: none; margin: 5px; margin-left: 15px; padding-top: 50px; padding-left: 1px; padding-right: 200px; padding-bottom: 50px; overflow: hidden; } img.IPSIMG{ border-radius: 15px; margin: 0; padding: 0; max-width: 150px; height: auto; } /* Fim do Footer */ Para já ainda só tenho o footer e header, entrentanto vou adiantar o main content. Desde já peço desculpa pela mensagem tão grande. Em relação ao problema, se me puderem ajudar agradecia imenso!!! Cumprimentos e mantenham-se seguros :)
-
Boas precisava de uma ajuda, caso saibam e possam, Tenho um texto de um link que diariamente é actualizado sempre com a data do próprio dia do estilo (...)ta/turb_PICO_04-07-2019.zip o que queria era conseguir automaticamente actualizar a data que lá está. será que me conseguem ajudar? a data tem de ser mesmo nesse formato dd-mm-aaaa só uma coisa, não entendo nada de programação, sou um completo massarro Obrigado a todos Cumps e Stay Safe Rodrigo
-
Boa noite, Alguém sabe como imprimir diretamente do browser para a impressora sem passar pela janela de confirmação? Sei que é possível correr uma aplicação no windows que permitirá obter a lista de impressoras no browser e imprimir diretamente. Já alguém fez algo parecido? Sabem como funciona para a página web conseguir ter acesso aos dados no browser?
-
Boa tarde! Ola a todos, estou a fazer um curso online de fundamentos de html e css e como projecto final pediram me para recrear o site da apple (apple.com/mz/) Utilizei css grid para separar os conteudos, mas numa das grids tenho que posicionar o texto com hyperlinks por baixo da div. Agradecia que alguem me ajuda-se se nao estiver a incomodar. o que ue fiz até agora foi o seguinte: no html: <div id="tvplus"> <h3 id="title-h2"> <h3><a href="#"><i class="fa fa-apple"></i></a>tv+</h3> <h3>Get 1 year of Apple TV+ free when</h3> <h3>you buy an apple device</h3> </h3> <p><a href="#">Learn more</a> ></p> </div> e o css: #title-h2 { font-size: 10px; } Por favor se não estiver a incomodar, peço uma dica de como por o referido texto na parte inferior da caixa da div
-
Ajuda. Olá. Tenho um site https://antoniocarvalho.net/ e queria criar Links para determinadas âncoras, p. ex., para a âncora da "4ª Consulta" da página https://antoniocarvalho.net/medkit/Ferramentas/VigiarGravidez.html mas com este link a funcionar colocado em outra página. Já tentei de várias formas, mas vai sempre para a página da "Consulta Pré-concecional" que é a página "inicial" https://antoniocarvalho.net/medkit/Ferramentas/VigiarGravidez.html e não para a âncora da Consulta 4 ( https://antoniocarvalho.net/medkit/Ferramentas/VigiarGravidez.html#list-cons4). Alguém poderia ajudar-me, por favor? Obrigado
-
Alguém sabe dizer como transformo várias div html em um array php? Tenho um projeto da faculdade onde preciso mostrar animais em ordem aleatória e, para isso, vou usar a função shuffle(). Mas para conseguir utilizar a função, preciso colocar as imagens dentro de um array. Segue o código abaixo. <?php $animais_detalhes = [ 'cachorro' => [ 'nome' => 'Cachorro', 'caracteristicas' => [ ['mora numa casinha', 'cachorro/mora_numa_casinha.jpg'], ['tem patas', 'cachorro/tem_patas.jpg'] ] ], 'coruja' => [ 'nome' => 'Coruja', 'caracteristicas' => [ ['gosta da noite', 'coruja/gosta_da_noite.jpg'], ['tem olhos grandes', 'coruja/tem_olhos_grandes.jpg'] ] ], 'gato' => [ 'nome' => 'Gato', 'caracteristicas' => [ ['dorme muito', 'gato/dorme_muito.jpg'], ['tem bigode', 'gato/tem_bigode.jpg'] ] ], 'peixe' => [ 'nome' => 'Peixe', 'caracteristicas' => [ ['tem escamas', 'peixe/tem_escamas.jpg'], ['vive na agua', 'peixe/vive_na_agua.jpg'] ] ] ]; $animais = array_keys($animais_detalhes); $escolha_aleatoria = rand(0, 3); $animal_escolhido = $animais_detalhes[$animais[$escolha_aleatoria]]; ?> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <title>Hello, world!</title> <style> body { background: lightgreen; } .card-image img { object-fit: cover; object-position: center; width: 100%; max-height: 200px; } img.img-animal { object-fit: none; object-position: center; width: 100%; max-height: 200px; } </style> </head> <body> <div class="container-fluid p-4 pb-2" style="background: lightskyblue"> <div class="row mt-2"> <div class="col-md-2"></div> <div class="col-md-4"> <div class="card card-image d-block"> <img src="./imagens/<?=$animal_escolhido['caracteristicas'][0][1]?>" class="card-img-top" alt="<?=$animal_escolhido['caracteristicas'][0][0]?>"> <div class="card-body"> <p class="card-text"><?=$animal_escolhido['caracteristicas'][0][0]?></p> </div> </div> </div> <div class="col-md-4"> <div class="card card-image d-block"> <img src="./imagens/<?=$animal_escolhido['caracteristicas'][1][1]?>" class="card-img-top" alt="<?=$animal_escolhido['caracteristicas'][1][0]?>"> <div class="card-body"> <p class="card-text"><?=$animal_escolhido['caracteristicas'][1][0]?></p> </div> </div> </div> </div> </div> <div class="container-fluid p-2 mt-3" style="background: lightgreen"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-3"> <a href="votar.php?apresentado=<?=$animais[$escolha_aleatoria]?>&escolhido=<?=$animais[$escolha_aleatoria]?>"> <img width="256" src="./imagens/<?=$animais[$escolha_aleatoria]?>.png" class="img-fluid" alt="animal" /> </a> </div> <div class="col-md-3"> <a href="votar.php?apresentado=<?=$animais[$escolha_aleatoria]?>&escolhido=<?=$animais[0]?>"> <img width="256" src="imagens/<?=$animais[0]?>.png" class="img-fluid" alt="animal" /> </a> </div> <div class="col-md-3"></div> </div> </div> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> </body> </html>
-
Muitas vezes hoje, pessoa lá no Reddit noobs em HTML, me diziam como era a "Tag" de parágrafo então deixo aqui a tag parágrafo! Fica assim: <p> Aqui pões um texto </p> Aqui têm a pergunta resolvida.
-
Primeiro, precisas de pôr o seguinte código: <!DOCTYPE html> <html> <meta charset="UTF-8"> <title> O que quiser </title> <body> <!-- Conteúdo do site aqui --> </body> </html> Depois para inserires um link: <a href="link"> Texto do Link</a> Depois se quiser pôr uma cor de fundo: <body bgcolor="cor que queres"> Ou também: <body bgcolor="#código da cor">
-
Muitas pessoas , lá no Reddit, começaram-me a perguntar sobre todas , as "Tags" em HTML, claro que eram pessoas novas , que estavam a começar a aprender e eu então respondi com todas as "Tags " que existem na programação "HTML"! Neste caso não vou escrever todas as "Tags" mas vou deixar um link , ( em PDF) , com todas as "Tags" escritas. O link: https://www.fing.edu.uy/tecnoinf/mvd/cursos/ria/material/teorico/html-tags-chart.pdf
-
Bom dia! Preciso de fazer um programa em Java que leia um ficheiro em HTML e determine se o seu conteúdo é válido ou se contêm erros. Estou completamente perdida alguém me pode ajudar?
-
Fala pessoal, boa noite a todos... Sou novo aqui no fórum, e também nessa área de desenvolvimento.. Comecei a estudar um pouco mais focado nessa área a dois meses atrás. Um livro que eu gostei muito quando o vi, foi do autor Jon Duckett (HTML e CSS: Projete e Construa Websites). Só que não consigo achar o livro aqui em Portugal com a edição em português, alguém de vocês sabem onde posso encontrar, na web ou livraria que tenha o mesmo em português? Só achei até agora em alguns sites direcionados para o Brasil. Não encontrei assunto relacionado usando a pesquisa do fórum. Obrigado.. Cumprimentos
-
Boa Tarde Sou novo na programação, precisava de ajuda nesta situação. O objetivo deste exercício é enviar os dados preenchidos no formulário para um determinado email pré-definido através da função PHPMAILER. Código da Reserva Online <section class="section section_reservation mt-5" id="reservation"> <div class="container"> <div class="row"> <div class="col"> <h2 class="text-center">Reserva Online</h2> </div> </div> <div class="row justify-content-lg-center section_reservation__row"> <div class="col-lg-8"> <form class="section_reservation__form" action="" method="post"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="sr-only">Nome Completo</label> <input type="text" class="form-control" name="name" placeholder="Nome Completo" required> </div> <div class="form-group"> <label class="sr-only">Telemóvel</label> <input type="tel" class="form-control" name="tel" placeholder="Telemóvel" required> </div> <div class="form-group"> <label class="sr-only">E-mail</label> <input type="email" class="form-control" name="email" placeholder="E-mail" required> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="sr-only">Pessoas</label> <select class="form-control" name="people"> <option value="1">1 pessoa</option> <option value="2">2 pessoas</option> <option value="3">3 pessoas</option> <option value="4">4 pessoas</option> <option value="5">5 pessoas</option> </select> </div> <div class="form-group"> <label class="sr-only">Data</label> <input type="date" class="form-control" name="date" required> </div> <div class="form-group"> <label class="sr-only">Time</label> <input type="time" class="form-control" name="time" required> </div> </div> <div class="col"> <div class="text-center"> <button type="submit" class="btn btn-primary">Reserve</button> </div> </div> </div> </form> </div> </div> </div> </section> Dúvida: <form class="section_reservation__form" action="" method="post"> ( não sei o que colocar entre os parênteses do action) reservation.php <?php if($_SERVER['REQUEST_METHOD'] == 'POST'){ if(!isset($_POST['name']) || !isset($_POST['tel']) || !isset($_POST['email']) || !isset($_POST['people']) || !isset($_POST['date']) || !isset($_POST['time']) ) { // Recarregar toda a página redirecionando para o formulário, apresentado de novo todos os campos. header('Location: index.html#reservation'); } } $name = $_POST['name']; $tel = $_POST['tel']; $email = $_POST['email']; $people = $_POST['people']; $date = $_POST['date']; $time = $_POST['time']; A validação que fiz não está a funcionar. email.php (Função PHPMAILER) <?php use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\SMTP; use PHPMailer\PHPMailer\Exception; require 'vendor/autoload.php'; $mail = new PHPMailer(true); try { //Server settings $mail->SMTPDebug = SMTP::DEBUG_SERVER; $mail->isSMTP(); $mail->Host = 'smtp.gmail.com'; $mail->SMTPAuth = true; $mail->Username = ''; $mail->Password = ''; $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; $mail->Port = 587; //Recipients $mail->setFrom('', ''); $mail->addAddress($email, 'Destinatário'); // Content $mail->isHTML(true); $mail->Subject = 'Reserva Online'; $mail->Body = $name . $tel . $email . $people . $date . $time; ; // $mail->AltBody = ''; $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } Mas parece que não funciona o que fiz! Alguém me pode ajudar neste problema. Abraço
-
Gente como eu faço para dividir uma página HTML ao meio na vertical?
