groutmoustache

O roteador está em minha casa, porém, é propriedade do provedor. Quando contratei o serviço, me desfiz do meu antigo porque o contrato não mencionava nada sobre restrição de acesso as configurações (veja bem: não falo de acessar o wi-fi). Devido a isso, estou limitado a acessar somente o wi-fi sem, se quer, poder alterar o SSID (utilizado pelo provedor para fazer propaganda eleitoral). Levando isso em conta e reiterando minha indignação com tais atitudes, resetei ele, instalei um keylogger no meu PC e solicitei um técnico. Assim, quando ele chegar, talvez eu convença-o a usar minha máquina para configurações e, então, eu consiga informações sobre o tal sistema. No entanto, por enquanto, estarei a espera de soluções. Nota: No primeiro post coloquei o conteúdo da página esquisita, contendo alguns scripts que talvez deem pistas para a solução.

Meu provedor não quer ceder o acesso as configurações do roteador, pelo gateway padrão (mesmo que não declarem isso, em contrato). No entanto, eu preciso fazer algumas configurações, rotineiramente, e estou em um beco sem saída. Devido a isso, já tentei usar a senha e usuário padrão, assim como programas de força bruta. O problema é que a página de login (em 198.168.1.1) se comporta de forma esquisita, sem dar o feedback se eu acertei ou errei a senha (quando clico em login, a página só reseta os campos do formulário). Por isso, percebi que existe algum tipo de sistema de segurança que me entrega essa página de login falsa, depois de conferir se tenho permissão para login, milésimos de segundos antes da renderização. Assim, gostaria de pedir ajuda para saber de oquê se trata, como desativar e ter acesso as configurações. Nota: as vezes o roteador reinicia, quando acesso a página de login do gateway padrão (antes de verificar minhas permissões e renderizar a página, em si). Código HTML: https://pastebin.com/t2gPjFf8 util_gw.js: https://pastebin.com/4vFAJGDr language_pt..js: https://pastebin.com/QjD2a4hF Roteador: GREATEK WR-1500L

@DiF Usaria o carousel, nesse caso?

O mecanismo de busca não vai duplicar o conteúdo e, consequentemente, você não vai ter problemas nessse sentido. No entanto, ainda assim, você está fazendo o certo porque urls em tal formato (domínio/index.html) não são amigáveis e podem influenciar no seu posicionamento do google.

Ainda estou confuso sobre seu objetivo real. Fala pra gente, em poucas linhas e sem enrolação, oquê você quer fazer?

@Cris Ider, como o @FFmarini disse: o problema está nas dimensões do vídeo. Nesse sentido, você está usando uma altura (height) desproporcional a largura (width). Assim, a altura do elemento video está recebendo uma altura de 375px, como você definiu: <video controls width="400" height="375"> No entanto, a altura do conteúdo (a parte que vemos o vídeo, em si) não segue essa altura do elemento, porque está desproporcional a largura. Por isso, você tem que remover o atributo height ou alterar o valor para auto. Solução 1 <video controls width="400"> Solução 2 <video controls width="400" height="auto"> Conclusão Ambas soluções configuram a altura do elemento para ser automática, portanto, proporcional à largura. Dessa maneira, se quiser aumentar o tamanho do vídeo, de agora em diante, basta alterar o valor do atributo width.

Não tenho certeza se o problema está em usar unidades relativas ou não. No entanto, podemos tentar utilizar a unidade rem. Assim, você pode alterar o CSS para o seguinte: /* Esse bloco de declarações deve ficar no topo do CSS */ html{ /* O tamanho padrão de fonte HTML é 16px. Por isso, se configurarmos ela para 62.5% vamos obter 1rem = 10px */ font-size: 62.5%; } .coluna_rodape #citacao{ ... font-size: 3.4rem; /* Se 1rem vale 10x, então 3.4rem valem 34px */ ... } Aqui, você pode entender como funciona essa abordagem que mostrei em CSS: https://www.sitepoint.com/understanding-and-using-rem-units-in-css/

Também acho importante incluir a versão com JS puro: <div class="box_termo"> <input class="input_box" name="checkbox" type="checkbox" value="termo" id="agreed_option"> <!-- adicionei o id --> <p class="texto_box">Eu li, entendi e concordo com estas regras e condições.</p> <input class="input_submit" type="submit" value="Continuar" id="agreed_submit" disabled> <!-- adicionei o id e atributo disabled --> </div> let agreedBox = document.getElementById('agreed_option'); //Cria referência para o checkbox let agreedSubmit = document.getElementById("agreed_submit"); //Cria referência para o submit agreedBox.addEventListener("click", function(){//Observa quando o usuário clica no checkbox, então, faz a validação abaixo if(agreedSubmit.disabled){//Ativa o submit, caso esteja desativado agreedSubmit.disabled = false; }else{//Desativa o submit, caso esteja ativado agreedSubmit.disabled = true; } }) Para entender melhor, é importante que estude sobre DOM e atributos HTML, ok? Exemplo, no CodePen: https://codepen.io/JLammer/pen/erVxbK

Faltou colocar o código CSS referente aos vídeos, mas ainda assim eu recortei o primeiro iframe e testei aqui. No entanto, não percebi nenhum erro. Por isso, tenho receio que é o simulador dos navegadores ou algo relacionado ao seu computador. Seria legal que você abrisse a página em um dispositivo real, como um celular. Além do mais, se o problema persistir, é importante que você abra uma pergunta no Stack Overflow. Assim, talvez você encontre a resposta mais rápido do que aqui. Ps: Também, não esqueça de me enviar o link do site, quando tiver pronto. Quero ver os outros vídeos! =D

@Danilo Pupin Por enquanto, não consigo pensar em nada. No entanto, tenho algumas perguntas: Você está testando somente em um navegador? Já testou em um dispositivo adequado ao breakpoint? Pode adicionar o seu código HTML e CSS a descrição? O printscreen não rola?

Não sei usar o Adobe Muse, mas conheço HTML e CSS. Por isso, se você estiver disposto a colocar um print do problema e explicar a seguinte frase, talvez conseguiremos descobrir o erro juntos.

@DiF Aproveitando o embalo: é obrigatório o uso da @charset, em folhas de estilos?

Eu não tenho nenhum site que que valha ser usado como exemplo, mas conheço esses abaixo. Além de simples, são exemplares em vários quesitos. Album; Preços; Formulário; Produto; Capa; Tela de login; Navbar fixo e sticky footer; Página simples com Jumbotron; Navbar no final da página.

Caminhos relativos e absolutos Vou deixar esses dois links, para você aprender como não ter problemas com url: Caminhos relativos e caminhos absolutos (relative and absolute paths) PT-BR; Absolute and Relative Paths.