Pesquisar na Comunidade

Boa tarde, Possuo um formulário em HTML onde tenho dois campos que fazem um select de estados e quando selecionado possibilita um select também da cidade. Acontece que o campo cidade fica abaixo do campo estado. Minha pergunta é como faço para deixar o campo cidade ao lado do campo estado. Segue o código HTML: <div class="field split"> <div class="field"> <label for="uf">UF *</label> <select id="estado" onchange="buscaCidades(this.value)"> <option value="" selected disabled>:: Selecione</option> <option value="Acre">Acre</option> <option value="Alagoas">Alagoas</option> <option value="Amapá">Amapá</option> <option value="Amazonas">Amazonas</option> <option value="Bahia">Bahia</option> <option value="Ceará">Ceará</option> <option value="Distrito Federal">Distrito Federal</option> <option value="Espirito Santo">Espirito Santo</option> <option value="Goiás">Goiás</option> <option value="Maranhão">Maranhão</option> <option value="Mato Grosso do Sul">Mato Grosso do Sul</option> <option value="Mato Grosso">Mato Grosso</option> <option value="Minas Gerais">Minas Gerais</option> <option value="Pará">Pará</option> <option value="Paraíba">Paraíba</option> <option value="Paraná">Paraná</option> <option value="Pernambuco">Pernambuco</option> <option value="Piauí">Piauí</option> <option value="Rio de Janeiro">Rio de Janeiro</option> <option value="Rio Grande do Norte">Rio Grande do Norte</option> <option value="Rio Grande do Sul">Rio Grande do Sul</option> <option value="Rondônia">Rondônia</option> <option value="Roraima">Roraima</option> <option value="Santa Catarina">Santa Catarina</option> <option value="São Paulo">São Paulo</option> <option value="Sergipe">Sergipe</option> <option value="Tocantins">Tocantins</option> </select> <br /> <select id="cidade"> </select> </div> </div> Atenciosamente, Demerval Feliciano

Prezados Colegas: Uma coisa que eu ainda não entendi: Seria melhor usar, como recurso responsivo de desenvolvimento, medias como "rem", "em" e outras ao invés de "px" para especificar medias dos elementos box de nosso site? E por quê? Muito obrigado e grande abraço!!

Olá eu estava estudando as declarações dos seletores id e class e me deparei com 2 jeitos diferentes e eu não seio qual é o jeito correto /* 1° jeito de declara */ div#conteudo1 class.conteudo2 /* 2° jeito de declara */ #conteudo1 .conteudo2 qual desses jeitos é o correto ?

css ( width: 0; height: 0; border-style: solid; border-width: 100px 0px 0px 200px; border-color: transparent transparent transparent red; ) com esse css consigo deixar meu div em um formato do triangulo só que quando tento colocar uma imagem dentro ela fica no formato quadrado ou retangular... como faço pra deixar ela dentro da borda ? e assumir a forma que desejar como se fosse um powerclip dentro apenas da borda o css da imagem que eu coloco {{ float: left; width: 0; height: 0; border-style: solid; border-width: 100px 0px 0px 200px; border-color: transparent transparent transparent red; border-image: url(img/seta.jpg) round stretch; }}

Gente eu gostaria de saber se existe alguma forma de identificar inputs dentro de uma div, sem usar nome, id ou class. Exemplo: <div> <input type='text'> <input type='text'> <input type='text> <button onclick='enviar(enviar-o-texto-do-primeiro-input, enviar-o-texto-do-segundo-input , enviar-o-texto-do-terceiro-input);>enviar</button> </div> Eu queria poder enviar os texto dos input sem usar id, class, nome, pois estou criando as div automaticamente e se botar um id para cada um, todas as outras div vão ter o mesmo id nos input.

Bom dia, tudo bem? Queria saber como editar o código da logo de um site no WordPress que já está pronta pois está faltando responsividade e simplesmente não sei como fazer isso na home page do site feita com o page builder.Poderiam me ajudar?

Preciso imprimir um relatórios de jogos, configurei para não aparecer os cabeçalhos na folha, e também o header e footer fixos, porém se a impressão usar mais de uma folha começo a ter problemas com as margens, segue o modelo: Reparem que no final da primeira folha o footer cobriu parte do conteúdo, e na segunda folha o conteúdo começa bem perto da margem, porém como configurei: @page{ size:auto; margin:0mm; } Para não aparecer os cabeçalhos na impressão não consigo fazer de outra forma para que o conteúdo vá para a segunda folha com uma margem legal... segue o meu código: @page{ size:auto; margin:0mm; } @media screen{ #header{ top:0; margin:12mm; } #page{ display:block; } #footer{ bottom:0; margin:6mm 12mm 10mm 3mm; } } @media print{ #header{ position:fixed; top:0; margin:12mm; } #page{ display:block; } #footer{ position:fixed; bottom:0; margin:6mm 12mm 10mm 3mm; } } <div id="header"> <img style="float:left; position:relative;" src="{{ asset('images/report_logo.png') }}" height="96px" border="0" title="" alt="" /> </div> <div id="page"> <table> Content </table> </div> <div id="footer"> <img src="{{ asset('images/report_footer.jpg') }}" width="720px" border="0" title="" alt="" /> </div>

Bom dia, Boa tarde e Boa noite! Estava eu aqui brincando um pouco com JS para entender um pouco melhor essa linguagem, pois eu preciso fazer um relógio em uma pagina HTML e um contador que aumente seu número em +1 de tempos em tempos ( no caso eu estava testando em aumentar a cada 5 segundos, considerando que esse número não vai começar do 0, pois ele teria que pegar todos os segundos que já se passaram nesse dia e dividir por 5, assim seu resultado inteiro seria exibido). O relógio com bastante esforço e pesquisa eu consegui fazer e está funcionando, até aqui sem dificuldades, o real problema está no contador, eu fui testar sem colocar um setInterval só para ver se o número aparece na tela e... NADA! Então como eu não manjo de JS e tentei fazer a partir do que eu usei pra fazer o relógio eu devo ter errado feio em muita coisa. <!DOCTYPE html> <html> <head> <title>javascript</title> <meta charset="utf-8"> <script type="text/javascript"> function relogio() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds(); if (horas < 10) { horas = "0"+horas; } if (minutos < 10) { segundos = "0"+minutos; } if (segundos < 10) { segundos = "0"+segundos; } document.getElementById("relogio").innerHTML=horas+":"+minutos+":"+segundos; } window.setInterval("relogio()",1000); // Aqui começa a função que eu tentei fazer para o contador function contador() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds(); var cont = ((minutos + (horas * 60))*60) + segundos ; document.getElementById("contador").innerHTML= Math.floor(cont/5); } </script> <style type="text/css"> #relogio { font:bold 28pt arial; display: block; margin: 100px auto; padding: 30px; background-color: #FFFF00; width: 150px; border-radius: 6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } #contador { font:bold 28pt arial; display: block; margin: 100px auto; padding: 30px; background-color: #FFFF00; width: 150px; border-radius: 6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } </style> </head> <body onload="relogio();"> <div id="relogio"> </div> <hr> <div id="contador"> </div> </body> </html> Se alguém puder me ajudar eu agradeço!

Olá pessoal !! Estou desenvolvendo um menu em CSS, e eu gostaria de colocá-lo no CSS Responsive: @media screen and (max-width: 800px) { } O link do menu de como está atual se encontra em: MENU Link e o que eu desejo alcançar é: MENU RESPONSIVE Por favor me ajudem.....abraço !!

Gostaria de saber como eu devo fazer para alinhar 3 imagens lado a lado, sem fazer o site deixar de ser responsivo. que fique igual ao desse site https://ciesalon.com/

Eu sou um programador amador, e ainda estou aprendendo programação, comecei um site, mas esqueci de faze-lo para ser responsivo, agora preciso de ajuda pois nao consigo deixa-lo responsivo Codigo HTML Codigo CSS Ele está mal feito, ainda tenho que arrumar muita coisa, se alguem conseguir me ajudar e dizer como ele pode ficar responsivo eu Agradeço.

Tenho o seguinte trecho de código: #anima { width:600px; height:300px; margin:auto; animation: banner 10s infinite; } @keyframes banner { 0%, 33% { background:#009; } 34%, 66% { background:#C00; } 67%, 100% { background:#390; } } No HTML tenho uma div com id=anima. Esse código faz a cada 3 segundos mudar a cor dessa div, tipo como se fosse um slide show. O que eu preciso fazer, é colocar 3 botões, cada botão mudando pra uma cor. Cada botão mudando pra um pedaço da execução do @keyframes banner. Botão1 - pula para-> 0%, 33% { background:#009; } Botão2 - pula para-> 34%, 66% { background:#C00; } Botão3 - pula para-> 67%, 100% { background:#390; } Como?

Queria saber como faço para fazer um texto aparecer ao rolar a pagina igual ao desse site: https://ciesalon.com/services

Problema em definir largura e disposição horizontal de tabelas com resultado de while Como iniciante em programação estou tendo problemas para estilizar uma tabela dentro de um script PHP. Possuo o seguinte script: <?php $sql = 'SELECT * FROM psd_produtos'; $stmt = $conn->query($sql); echo '<table>'; while($row = $stmt->fetch(PDO::FETCH_OBJ)){ echo " <td> <tr><h1>$row->prd_nome <br /></h1></tr> <tr><p>$row->prd_detalhe <br /></p></tr> <tr>$row->prd_valor <br /></tr> </td> "; } echo '</table>'; ?> Ele funciona perfeitamente, buscando e produzindo um loop das informações que preciso, porém, gostaria que o resultado me retornasse em tabelas que ficasse dispostas horizontalmente lado a lado, e imaginei colocar uma classe CSS que estabelecesse a largura da tabela em 400px com um float que me permitiria alinhar o resultado em “4 colunas”. Porém, essa classe não funciona dentro do script. Tentei echo '<table class="tabela-produto">'; e não funciona. A mesma classe, que estabelece uma largura para a tabela, aplicada a uma tabela fora do script funciona e isso tirou minha dúvida se este tópico seria sobre CSS/HTML ou PHP. Como posso fazer para obter meu objetivo com este script, alinhando horizontalmente o resultado do while em tabelas dispostas horizontalmente em 4 colunas?

Prezados, bom dia. Gostaria de uma ajudar, sobre um script que estou criando. Não estou conseguindo fazer a comparação entre data e horário, tipo assim : eu quero que quando o usuário faça um agendamento ex: data 15/07/2019 horário: 10h00 ás 12h00, não pode ter outro agendamento nessa data 15/07/2019 e nem entre esse horário 10h00 às 12h00. Mais pode ter outro agendamento nessa data 15/07/2019, mais não no mesmo horário. Abaixo está meu script : <!DOCTYPE html> <html> <head> <title>GESTÃO DE CASOS</title> <meta lang="pt-br" charset="utf-8"> <link rel="icon" type="imagem/png" href="../gestao/img/logo.png" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script type="text/javascript" src="../bootstrap/sweetalert/dist/sweetalert.js"></script> </head> <body> <?php if(!isset($_SESSION)) { session_start(); } date_default_timezone_set('America/Sao_Paulo'); header('Content-type: text/html; charset=utf-8'); if (isset($_POST["submit"])) { $hr_agendamento = ('H:i:s'); $now = date('Y-m-d H:i:s'); $planoID = $_POST["planoID"]; $pacienteID = $_POST["pacienteID"]; $unidadeID = $_POST["unidadeID"]; $dt_programada = $_POST["dt_programada"]; $hr_inicial = $_POST["hr_inicial"]; $hr_final = $_POST["hr_final"]; $atendimentoID = $_POST["atendimentoID"]; } $unidade = $_SESSION['unidade_referencia']; include ("../administracao/conn.php"); $agenda = "SELECT a.hr_inicial, a.hr_final, DATE_FORMAT( `dt_programada` , '%d/%m/%Y' ) AS `data_formatada` , b.unidadeID, b.unidade_referencia FROM tb_agenda a INNER JOIN tb_unidade b ON a.unidadeID = b.unidadeID WHERE b.unidade_referencia = $unidade"; /* nessa parte que não estou conseguindo fazer a comparação , consigo pegar a variável que o usuário digita, porém não estou conseguindo trazer do banco de dados*/ IF ( (["dt_programada"] == $_POST["dt_programada"]) && (["hr_inicial"] == $_POST["hr_inicial"]) && (["hr_final"] == $_POST["hr_final"])) { echo "<script> swal('ATENÇÃO','DATA E HORÁRIO JÁ CADASTRADO', 'warning').then(function() {window.location = '../plano/escolha_paciente_plano.php';});</script>"; } ELSE { $sql = "INSERT INTO tb_agenda (planoID, pacienteID, unidadeID, dt_programada, hr_inicial, hr_final, atendimentoID) values ('$planoID','$pacienteID', '$unidadeID', '$dt_programada', '$hr_inicial', '$hr_final', '$atendimentoID')"; if (mysqli_query($connect, $sql)) { echo "<script>swal('BOM TRABALHO!', 'AGENDA CADASTRADA COM SUCESSO!', 'success').then(function() {window.location = '../plano/escolha_paciente_plano.php';});</script>"; $x = 'Agenda criada com sucesso'; include "../administracao/agenda_log.php"; } else { echo "<script>swal('INFELIZMENTE', 'NÃO FOI POSSÍVEL CADASTRAR A AGENDA', 'warning').then(function() {window.location = '../plano/escolha_paciente_plano.php';});</script>" . $sql . "<br>" . mysqli_error($connect); $x = 'Não foi possível criar a agenda'; include "../administracao/agenda_log.php"; } } ?> </body> </html>

tenho este código no login.php: E funciona bem no web mas depois fiz este codigo em css e nao aparece no web:

galera, no print mostra onde é examente que estou falando. quando eu clico a página recarregar e acaba voltando o menu pro seu estado normal. vou deixar abaixo o html da página. ```` <div class="nav-side-menu"> <div class="brand"> @if(!empty(Auth::user()->usr_foto)) <img id="fotoUsuMenu" src="{{Auth::user()->usr_foto}}"> @else <img id="fotoUsuMenu" src="{{asset('imagens/ImgUsuario.jpg')}}"> @endif <br> <span style="font-variant:small-caps;font-weight:bold;">{{Auth::user()->username}} <b>|</b></span> <a style="color:red; text-decoration: none; font-weight:bold" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> Sair </a> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> @csrf </form> </div> <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i> <div class="menu-list"> <ul id="menu-content" class="menu-content collapse out"> <li> <a href="/dashboard" ><i class="fa fa-tachometer-alt sidebar-icon"></i> Dashboard</a> </li> <li data-toggle="collapse" data-target="#CadPessoas" class="collapsed"> <a><i class="fa fa-life-ring fa-users"></i> Cadastros Pessoas<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="CadPessoas"> <li><a href="/ListaColaboradores" id="psicologo"><i class="fa fa-angle-right"></i> Psicólogos</a></li> <li><a href="/ListaPacientes" id="pacientes"><i class="fa fa-angle-right"></i> Pacientes <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li data-toggle="collapse" data-target="#CadGerais" class="collapsed"> <a><i class="fa fa-life-ring fa-pen"></i> Cadastros Básicos<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="CadGerais"> <li><a href="/ListaTiposAtendimentos" id="tipoAten"><i class="fa fa-angle-right"></i> Tipos de Atendimentos</a></li> <li><a href="/ListaSintomasQueixas" id="sinQuei"><i class="fa fa-angle-right"></i> Sintomas Queixas <small><i class="fa fa-external-link"></i></small></a></li> <li><a href="/ListaSalasLocal" id="salas"><i class="fa fa-angle-right"></i> Salas <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li> <a href="/event"><i class="fa fa-clipboard-list"></i> Marcação de Consultas</a> </li> <li data-toggle="collapse" data-target="#relatorios" class="collapsed"> <a><i class="fa fa-chart-line"></i> Relatórios<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="relatorios"> <li><a href="/RelConsultaPsicologos" id="conPsi"><i class="fa fa-angle-right"></i>Consultas Por Psicólogos</a></li> <li><a href="/RelFormStatusPaciente" id="relStatus"><i class="fa fa-angle-right"></i>Pacientes Por Status <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li data-toggle="collapse" data-target="#config" class="collapsed"> <a><i class="fa fa-cog"></i> Configurações<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="config"> <li><a href="/ListaUsuarios" id="usuario"><i class="fa fa-angle-right"></i>Usuários</a></li> <li><a href="/ConfiguracoesSistema" id="parametro"><i class="fa fa-angle-right"></i>Parâmetros do Sistema <small><i class="fa fa-external-link"></i></small></a></li> <li><a href="/ListaEmpresa" id="dadosEmpresa"><i class="fa fa-angle-right"></i>Cadastro de Empresas <small><i class="fa fa-external-link"></i></small></a></li> </ul> </ul> </div> </div>

Bom dia, Boa tarde, Boa noite. Alguem poderia me ajudar a implementar um botão de fechar neste codigo css para um player de video Estou batendo cabeça e não consigo implementar um botão,para fechar este segundo video menor, que esta rodando dentro do maior, alguem poderia dar uma luz EXEMPLO DO VIDEO https://testeblogdetestes.blogspot.com/2019/07/blog-post_60.html <style type="text/css"> #Video1 { position:; top: 50px; left:10px; width:500px; border:0px solid blue; display:block; z-index:99; } #Video2 { position:absolute; top: 70px; left:120px; width:200px; border:0px solid red; z-index:100; } </style> </head> <body> <center> <video id="Video1" controls loop autoplay > <source src="https://lh3.googleusercontent.com/orPU3x-H8_xqOJ-CoVw-fyBKqdngFrL7g3YJD6j4tUbZO5mLMC15cn 5aKQBd0kIhNvt3NKomiPU9EHv_tKYvfNKwJ1-hvmKEX-ldqCmwNeq_VtQYVeMEmylhFAq9vND_EhHbYO5iYg=m18" type="video/mp4" /> </video></center> <center><video id="Video2" muted autoplay controls > <source src="https://lh3.googleusercontent.com/orPU3x-H8_xqOJ-CoVw-fyBKqdngFrL7g3YJD6j4tUbZO5mLMC15cn 5aKQBd0kIhNvt3NKomiPU9EHv_tKYvfNKwJ1-hvmKEX-ldqCmwNeq_VtQYVeMEmylhFAq9vND_EhHbYO5iYg=m18" type="video/mp4" /> HTML5 Video not supported </video></center>

Pessoal seguinte, gostaria de saber se é possível fazer este efeito em uma div: Imagem sem utilizar imagens.

Estou precisando de ajuda em um site que eu e mais algumas pessoas estamos desenvolvendo, é um site com finalidade escolar, visto que eu e os demais integrantes desse grupo estamos desenvolvendo ele para obter nota, o tema é produzir um site que aborde a violência contra as mulheres. O ponto aqui é que chegamos a conclusão que seria legal temos um relógio que mede a violência em tempo real, assim ele pegaria a hora do computador e faria um calculo que iria ficar atualizando um número na tela. Por exemplo, digamos que você queira ver quantas mulheres sofreram abuso verbal até agora, e ao mudar o filtro para abuso verbal vai aparecer as seguintes mensagens na tela: A cada 0,00 segundos uma mulher sofre de abuso verbal 0.000.000 Mulheres sofreram até agora. Esse número teria que ficar mudando a todo momento, então digamos que uma mulher sofra um abuso verbal a cada 2 segundos, então de 2 em 2 segundos aquele número aumenta em 1 (usando a hora do PC). Além disso seria possível trocar o filtro para outras formas de abuso como agressão física, psicológica e outras Para vocês entenderem melhor, basicamente o que queremos fazer é isso: relógio da violencia Acontece que a gente não manja muito de javascript pra isso, por isso resolvi pedir ajuda em um fórum, eu possuo conhecimento em HTML, PHP e CSS apenas (me falaram que talvez de para fazer com PHP também, estou pesquisando sobre isso), então minha duvida é como elaborar esse código no java e estilizar ele no css depois?

Ola estou com um problema em JavaScript O objetivo e digitar um ID/Nome em um input e ele buscar em um arquivo XML fazendo autocomplete e preencher outros dois inputs com os atributos associado ao ID/Nome da base XML. GIF de exemplo, obs(exatamente oque pretendo fazer): http://blog-media.chromaticsites.com.s3.amazonaws.com/google-places-autocomplete-3/autocomplete-error.gif Link do XML: https://www.w3schools.com/js/cd_catalog.xm Segue meu código: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> Nome:<input id="idInput"> UF:<input id="idInput02"> Ano:<input id="idInput03"> <script> var ValorXML1 = []; $(document).on('keyup' , '#idInput' ,function(){ var keyvalue = $("#idInput").val(); var xhttp; xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { ValorXML1 = []; CaregarXML(this , keyvalue); } }; xhttp.open("GET", "https://www.w3schools.com/js/cd_catalog.xml", true); xhttp.send(); }); function CaregarXML(xml , key) { var x, i, xmlDoc , key; xmlDoc = xml.responseXML; x = xmlDoc.getElementsByTagName("TITLE"); var cont = 0; for (i = 0; i < x.length; i++) { var valor = x[i].childNodes[0].nodeValue.trim(); var pattern = valor.substring(0 , key.length); if(key.toUpperCase() == pattern.toUpperCase() && cont < 5){ ValorXML1.push(valor); cont++; } } $("#idInput").autocomplete({ source: ValorXML1 }); } $( function() { $( "#idInput" ).autocomplete({ source:ValorXML1 }); }); </script>

Bom dia, boa tarde e boa noite! Estou precisando de ajuda em um site que eu e mais algumas pessoas estamos desenvolvendo, é um site com finalidade escolar, visto que eu e os demais integrantes desse grupo estamos desenvolvendo ele para obter nota, o tema é produzir um site que aborde a violência contra as mulheres. O ponto aqui é que chegamos a conclusão que seria legal temos um relógio que mede a violência em tempo real, assim ele pegaria a hora do computador e faria um calculo que iria ficar atualizando um número na tela. Por exemplo, digamos que você queira ver quantas mulheres sofreram abuso verbal até agora, e ao mudar o filtro para abuso verbal vai aparecer as seguintes mensagens na tela: A cada 0,00 segundos uma mulher sofre de abuso verbal 0.000.000 Mulheres sofreram até agora. Esse número teria que ficar mudando a todo momento, então digamos que uma mulher sofra um abuso verbal a cada 2 segundos, então de 2 em 2 segundos aquele número aumenta em 1 (usando a hora do PC). Além disso seria possível trocar o filtro para outras formas de abuso como agressão física, psicológica e outras Para vocês entenderem melhor, basicamente o que queremos fazer é isso: relógio da violencia Acontece que a gente não manja muito de javascript pra isso, por isso resolvi pedir ajuda em um fórum, eu possuo conhecimento em HTML, PHP e CSS apenas (me falaram que talvez de para fazer com PHP também, estou pesquisando sobre isso), então minha duvida é como elaborar esse código no java e estilizar ele no css depois?

Tudo está funcionando perfeitamente exceto pelo fato de que quando abro esse HTML em outro computador que não possua essa font "DIN", aparece uma fonte base muito feia, alguém sabe como faço para que essa font funcione em qualquer computador? Eu teria que subir a font em algum servidor? Obrigado desde já! Estou aprendendo essa linguagem a pouquíssimo tempo... ------------------------------------------------------ Código --------------------------------------------------- <tr> <td><table width="600" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td data-content-region-name="DO QUE ESSE CHÁ É CAPAZ?" style="width: 600; height: 0; background-image: url(https://www.ladoatleta.com.br/FILES/_ARQUIVOS/emailmkt/emails2019/mes07/dia09ocha/FATIA-OCHA_02.jpg); #00ddff; font-size: 19px; font-weight: 500; color: #ffffff; text-align: center; line-height: 1; padding: 15px 61px;" > <p style="text-align: center;"> <span style="font-size:19px;"> <strong> <span style="color: #FFFFFF;"> <span style="font-family: DIN; font-style: normal;"> <span style="font-weight: 500"> Esse chá é um poderoso diurético que potencializa seu emagrecimento, acelera a definição muscular, além de de fortificar sua defesa contra gripes e resfriados. Ele foi inteligentemente dividido entre saches que trazem benefícios específicos para o dia e outro tipo para noite. </span> </span> </span> </strong> </span> <br/> </p> </td> </tr> </tbody> </table></td> </tr>

Estou com um grande problema e não estou conseguindo revolve-lo de forma alguma :( Tenho um menu lateral e o mesmo é retrátil e um rodapé que infelizmente não está conseguindo acompanhar o mesmo. Será que alguém poderia me ajudar a solucionar esse problema? HTML <footer id="footer" style="margin-top: 40px;"> <div class="col-md-6 col-xs-12"> <p class="text-white">Nome da Empresa © 2011 - 2019</p> <p class="text-white">CNPJ: 11111111/111110001-54</p> </div> </footer> CSS #footer { position: unset; height: 110px; bottom: 0; width: 100%; background-color: #133c50; } footer p { padding-left: 7% }

Estou iniciando uns estudos com o TypeScript e estou usando ele em uma aplicação minha que está sendo desenvolvida com o .NET Core Razor. Eu estou precisando de fazer um código em que abra um modal Bootstrap usando apenas o TypeScript. Sem o jQuery... Eu não sei como fazer isso, nao achei função que outras pessoas ja fizeram para isso, apenas com o Angular(que eu nao estou usando). Mas agora estou precisando. Espero que me ajudem nessa. Eu tentei fazer usando "display", mas não consegui. A questão é o seguinte. Eu preciso fazer um <select> em que se o usuario escolher a opção "Sim", abrirá o modal com algumas opções a serem preenchidas, e ao mesmo tempo terei um botão(caso a opção seja "sim"), para ele clicar e poder mudar oque colocou nas opçoes do modal. Como eu tentei fazer: <div class="modal fade d-none" id="modalExemplo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary">Fechar</button> <button type="button" class="btn btn-primary">Salvar mudanças</button> </div> </div> </div> </div> <select class="form-control w-100" id="data_test" onchange="modalOpen()"> <option value="NA">Não analizar</option> <option value="S">Sim</option> <option value="N">Não</option> </select> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalExemplo"> Abrir modal de demonstração </button> function modalOpen() { if ((<HTMLInputElement>document.getElementById("data_test")).value == "S") { (<HTMLInputElement>document.getElementById("modalExemplo")).classList.remove("d-none"); } else { (<HTMLInputElement>document.getElementById("modalExemplo")).classList.add("d-none"); } } Já que estou usando o Bootstrap, por que não usar a classe "d-none"? Então tentei fazer desta maneira... mas não funcionou