javascript – Evitar desorden de elementos en tu pagina web al reajustar el tamaño de la pantalla

Hola buenas estoy diseñando una pagina web y mi problema es que no se como hacer para que los elementos de la misma no se desplacen al reajustar el tamaño de la pantalla del navegador, estoy empezando en desarrollo web y no encuentro nada en especifico para este tema.

Incluyo imágenes para que os hagáis una idea:

Basicamente los objetos se superponen unos con otros

La pagina a pantalla completa:

introducir la descripción de la imagen aquí

La pagina al cambiar el tamaño de la pantalla:
introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Selenium no modo Headless não encontra elementos da pagina (Python)

Meu codigo funciona normalmente sem o headless ativado, mas assim que eu ativo ele para de funcionar, é como se ele não encontrasse o elemento na pagina.

O problema não é no codigo do headless, pois ja mandei ele tirar print e funciona normamente, o problema se da a partir do momento que eu tento encontrar algum elemento da pagina

from selenium import webdriver
from selenium.webdriver.support.ui import Select
from time import sleep

options = webdriver.ChromeOptions()
options.add_argument('--headless')

navegador = webdriver.Chrome(chrome_options=options)
navegador.get('https://www.instagram.com/')

insta = 'user'
senha2 = 'senha'

sleep(3)

login = navegador.find_element_by_xpath('//*(@id="loginForm")/div/div(1)/div/label/input')
login.send_keys(insta)

sleep(2)
psw = navegador.find_element_by_name('password')
psw.send_keys(senha2)

sleep(2)
btn_logar = navegador.find_element_by_css_selector('.sqdOP.L3NKy.y3zKF')
btn_logar.click()

sleep(6)
navegador.save_screenshot('insta.png')

html – Como faço para transformar um site que já está pronto em responsivo? Nos dois códigos abaixo é apenas uma página do site para tomar como exemplo

* {
    margin: 0;
    padding: 0;
}

body {
    background-image: url("imagens/imgfundo.jpg");
    background-attachment: fixed;
    width: 100%;
}

header {
    width: 100%;
    background-color: rgb(202, 212, 238);
}

.foto1 {
    position: absolute;
    top: 5px;
    left: -200px;
    width: 23%;
}

#header {
    margin: auto;
    position: relative;
    height: 225px;
    width: 940px;
}

#titulo {
    display: inline-block;
    font-family: New Century Schoolbook, TeX Gyre Schola, serif;
    color: #1552a7;
    text-align: center;
    font-size: 80px;
    position: absolute;
    top: 67px;
    left: 260px;
}

#slogan {
    display: inline-block;
    font-family: New Century Schoolbook, TeX Gyre Schola, serif;
    color: #010914;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 160px;
    left: 340px;
}

.navegacao {
    position: relative;
    margin: 0 auto;
    width: 940px;
}

nav {
    position: absolute;
    top: 55px;
    right: -250px;
}

nav li {
    list-style-type: none;
}

nav a {
    font-family: New Century Schoolbook, TeX Gyre Schola, serif;
    font-size: 25px;
    color: #1552a7;
    text-decoration: none;
}

nav a:hover {
    color: #0199FF;
}

.sobre {
    width: 1250px;
    height: 1650px;
    margin: 0 auto;
}

footer {
    width: 100%;
    background-color:rgb(202, 212, 238);
}

#footer {
    margin: auto;
    position: relative;
    height: 225px;
    width: 820px;
}

h1 {
    font-family: Trebuchet MS, sans-serif;
    padding-top: 50px;
    font-size: 44px;
    text-align: left;
    color: #1552a7;
}

.textomain {
    font-family: Trebuchet MS, sans-serif;
    text-align: justify;
    font-size: 34px;
    padding-top: 50px;
    font-weight: bold;
    padding: 50px 25px 0px 25px;
}

.pfooter {
    padding-top: 200px;
    text-align: center;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
}

.foto {
    position: absolute;
    top: 40px;
    left: 342px;
    width: 17%;
}
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <title>Plast Golden - Home</title>
    <link rel="shortcut icon" href="imagens/logo.png" type="image/x-png" />
    <link rel="stylesheet" type="text/css" href="homecss.css" />
</head>
<body>
    <header>
        <div id="header">
            <img class="foto1" src="https://pt.stackoverflow.com/imagens/Logo.png">
            <h1>
                <p id="titulo">Plast Golden</p>
                <p id="slogan">26 anos de tradição & qualidade</p>
            </h1>
            <nav>
                <ul>
                    <h6>
                        <li><a href="home.html">Home</a></li>
                        <li><a href="produtos.html">Produtos</a></li>
                        <li><a href="outros produtos.html">Outros Produtos</a></li>
                        <li><a href="contato.html">Contato/Informações</a></li>
                    </h6>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <div class="sobre">
            <h1>
                <br>
                <p>Quem somos?</p>
            </h1>
            <p class="textomain">A Plast Golden é uma empresa que atua no ramo de plásticos e embalagens industriais e engenharia, com experiência comercial de mais de 26 anos.</p>
            </p>
            <h1>
                <br>
                <br>
                <br>
                <p>Qual é o nosso objetivo com os clientes?</p>
            </h1>
            <p class="textomain">Nossa missão é proporcionar aos nossos clientes total satisfação e agilidade em suprir suas necessidades com excelência, ultrapassando suas expectativas em relação ao prazo de entrega, garantia do produto e rapidez em seu atendimento.</p>
            <h1>
                <br>
                <br>
                <br>
                <p>Como nos contatar e comprar conosco?</p>
            </h1>
            <p class="textomain">Caso se interessar, para obter mais informações sobre os nossos produtos, sobre os preços, e entre outras diversas informações relacionadas a Plast Golden, basta ir até o menu localizado no canto superior direito da tela e clicar em Contato/Informações, nesta aba se localizam os nossos telefones e e-mails para contato, além do nosso endereço e outras informações.</p>
        </p>
        </div>
    </main>

    <footer>
        <div id="footer">
            <img class="foto" src="imagens/Logo preto.png">
            <p class="pfooter">© 2021 - Plast Golden | All Rights Reserved. Desenvolvido por Gabriel Rogato Spurio</p>
        </div>
    </footer>
</body>
</html>

sql – Como recuperar value de um item de um dropdownlist na mesma página asp?

Boa tarde, Estou com um problema onde eu tenho um dropwdownlist, e no momento em que um dos itens para selecionado e preciso recuperar o valor deste item para fazer uma consulta onde deve retornar um resultado que preencher um checkbox de acordo com o valor selecionado estou utilizando asp clássico. Na página asp eu tentei recuperar o value do item selecionado por Request.Form porém o mesmo retorna como vázio, sendo necessário que fosse feito um refresh na página para então ele carregar o value do item selecionado.

javascript – Como visualizar/transmitir um video de uma página que força o download e não tem a extensão .mp4 no final

Estou querendo pegar o video gerado de um site de download de videos, porém ele gera um link sem o .mp4 no final e que automaticamente faz o download, sem ter a opção de visualizar no navegador. Preciso saber como eu faço para transmitir em um <video> ou forçar a visualização do arquivo sem fazer download.

javascript – É possível colocar uma hiperligação para a mesma página num ?

Olá. A minha dúvida é se posso colocar uma hiperligação num <option> que me permita “viajar” para uma div da mesma página usando a tag a href.

O meu código é este:

<div class="form-group" style="margin-left: 10px;margin-right:10px;width:50%;">
     <label>Selecione a categoria</label><br>
        <select class="form-control" name="categoria" id="cat" required>
            <option value="0" disabled selected hidden>Categoria</option>
            <option class="bt3" value="3"><a href="#4">Div id="#4"</a></option>
        </select>
</div>

Como podem ver já coloquei um a href, que normalmente daria para resolver. Mas como estou a tentar usar um option não estou a conseguir.

A div para a qual eu quero “viajar” é a seguinte:

<div class="div4" id="4">Destino</div>

Agradeço a quem possa ajudar.

Ocultar elementos de página web en WebView – Android Studio – Java

Buen día estimados.

Tengo una aplicación android que muestra por un webview una página. Pero la página web tiene muchos elementos que no quiero mostrar y es por eso que los oculto de la siguiente manera:

           view.loadUrl ("javascript:(function() { "+"document.getElementsByClassName('td-header-wrap td-header-style-1 ')(0).style.display='none'; "+ "document.getElementsByClassName('td-fix-index ')(1).style.display='none';  "+"document.getElementsById('td_uid_1_5ff8cc46439eb ')(0).style.display='none'; "+"document.getElementsByClassName('td-fix-index ')(0).style.display='none';  "+"document.getElementsByClassName('tdm-mobile-full')(0).style.display='none'; "+"document.getElementsByClassName('td-fix-index ')(0).style.display='none'; "+"} )()");

¿Es posible mediante una función de javascript indicar solo lo que debe mostrarse y no indicar lo que hay que ocultar?

Como deixar um calendar em branco ao carregar a página VB.NET

Bom dia,
pretendo carregar uma página com um calendar e deixar em branco (para o utilizador escolher uma data), senão tiver data retorna uma mensagem a dizer para preencher.

Como faço isso? Tentei limpar o calendario e não mostrar a data do dia atual, mas não deu em nada.

php – ¿Cómo guardar la información de un select sin que pierdan los datos cuándo se actualiza la página?

tengo una tabla de productos en él cuál recibo por método GET la “ID” del producto para después mostrar su información e ir modificándolo.

Código de cómo recojo la ID del producto

    if (isset($_SESSION('carrito'))){
    //si existe buscamos si ya estaba agregado ese producto
    if (isset($_GET('id'))){
      $arreglo = $_SESSION('carrito');
      $encontro = false;
      $numero = 0;
      for ($i=0;$i<count($arreglo);$i++){
        if ($arreglo($i)('Id') == $_GET('id')){
          $encontro = true;
          $numero=$i;
        }
      }
      if ($encontro == true){
        $arreglo($numero)('Cantidad')=$arreglo($numero)('Cantidad')+1;
        $_SESSION('carrito')=$arreglo;
      }else{
            //No estaba el registro
        $tipo = "";
        $nombre = "";
        $descripcion = "";
        $res = $conexion->query('SELECT * FROM productos WHERE id='.$_GET('id'))or die($conexion->error);
        $fila = mysqli_fetch_row($res);
        $tipo = $fila(1);
        $nombre = $fila(2);
        $descripcion = $fila(3);
        $arregloNuevo = array(
          'Id' => $_GET('id'),
          'Tipo' => $tipo,
          'Nombre' => $nombre,
          'Descripcion' => $descripcion,
          'Bodega' => 'Sin asignar',
          'Cantidad' => 1,
          'ValorUnitario' => 0,
          'Descuento' => 0,
          'Impuesto' => 0,
          'ValorCargos' => 0,
          'ImpuestosRetencion' => 0,
          'Total' => 0
        );
        array_push($arreglo, $arregloNuevo);
        $_SESSION('carrito')=$arreglo;
      }
    }
  }else{
    //creamos la variable de sesion
    if (isset($_GET('id'))){
      $tipo = "";
      $nombre = "";
      $descripcion = "";
      $res = $conexion->query('SELECT * FROM productos WHERE id='.$_GET('id'))or die($conexion->error);
      $fila = mysqli_fetch_row($res);
      $tipo = $fila(1);
      $nombre = $fila(2);
      $descripcion = $fila(3);
      $arreglo() = array(
        'Id' => $_GET('id'),
        'Tipo' => $tipo,
        'Nombre' => $nombre,
        'Descripcion' => $descripcion,
        'Bodega' => 'Sin asignar',
        'Cantidad' => 1,
        'ValorUnitario' => 0,
        'Descuento' => 0,
        'Impuesto' => 0,
        'ValorCargos' => 0,
        'ImpuestosRetencion' => 0,
        'Total' => 0
      );
      $_SESSION('carrito')=$arreglo;
    }
  }

Anexo código de la tabla en la cuál muestro los productos

<table class="table table-sm" id="tablaContenido">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>Tipo</th>
                        <th>Ítem</th>
                        <th>Descripción</th>
                        <th>Bodegas</th>
                        <th>Cant.</th>
                        <th>Vr. Unitario</th>
                        <th>Descuento</th>
                        <th>Imp Cargo</th>
                        <th>Vr.+Cargos</th>
                        <th>Imp Retención</th>
                        <th>Valor</th>
                      </tr>
                    </thead>
                    <tbody>
                      <?php
                      $total= 0;
                      $cont = 1;
                      if (isset($_SESSION('carrito'))){
                        $arregloCarrito = $_SESSION('carrito');
                        for ($i=0;$i<count($arregloCarrito);$i++){
                          $total = $total + ($arregloCarrito($i)('ValorUnitario') * $arregloCarrito($i)('Cantidad'));
                          ?>
                          <tr>
                            <td><?php echo $cont; ?></td>
                            <td>
                              <select class="form-control form-control-sm">
                                <option>Producto</option>
                                <option>Activo Fijo</option>
                                <option>Gasto / Cuenta Contable</option>
                              </select>
                            </td>
                            <td><p><?php echo $arregloCarrito($i)('Nombre'); ?></p></td>
                            <td><p><?php echo $arregloCarrito($i)('Descripcion'); ?></p></td>
                            <td>
                              <select class="form-control form-control-sm" id="bodegas">
                                <?php 
                                $query = $conexion->query("SELECT * FROM bodegas")or die("Error en la consulta"); 
                                if ($arregloCarrito($i)('Bodega') == 'Sin asignar') {
                                  echo '<option selected>Sin asignar</option>';
                                  while ($campo = $query->fetch_array()) {
                                    echo '<option>'.$campo('nombre').'</option>';
                                  } }else{
                                    echo '<option>Sin asignar</option>';
                                    echo '<option selected data-id='.$arregloCarrito($i)("Id").'>'.$arregloCarrito($i)('Bodega').'</option>';
                                  } ?>
                                </select>
                              </td>
                              <td>
                                <div class="input-group mb-3" style="max-width: 120px;">
                                  <input type="text" class="form-control text-center txtCantidad"
                                  data-precio="<?php echo $arregloCarrito($i)('ValorUnitario'); ?>"
                                  data-id="<?php echo $arregloCarrito($i)('Id'); ?>"
                                  value="<?php echo $arregloCarrito($i)('Cantidad'); ?>" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
                                </div>
                              </td>
                              <td><?php echo $arregloCarrito($i)('ValorUnitario'); ?></td>
                              <td><?php echo $arregloCarrito($i)('Descuento'); ?></td>
                              <td><?php echo $arregloCarrito($i)('Impuesto'); ?></td>
                              <td><?php echo $arregloCarrito($i)('ValorCargos'); ?></td>
                              <td><?php echo $arregloCarrito($i)('ImpuestosRetencion'); ?></td>
                              <td class="cant<?php echo $arregloCarrito($i)('Id'); ?>">
                                $<?php echo $arregloCarrito($i)('ValorUnitario') * $arregloCarrito($i)('Cantidad'); ?>
                              </td>
                              <td><a href="#" class="btn btn-primary btn-sm btnEliminar" data-id="<?php echo $arregloCarrito($i)('Id'); ?>">X</a></td>
                            </tr>
                            <?php
                            $cont++;
                          } 
                        } ?>

                      </tbody>
                    </table>

Tengo un problema con la parte de las bodegas ya que yo necesito que se guarde la información por productos de cada bodega que selecciona la persona que guarda la información

introducir la descripción de la imagen aquí

Pero cada vez que selecciono la bodega para el producto con ID = 1, automáticamente también se selecciona para la bodega con ID = 2

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Tengo una parte del código con las cantidades, que SÍ funciona independientemente, si cambio la cantidad del producto con ID=1 lo hace y se queda guardado sólo para ese ID=1

<td>
                                    <div class="input-group mb-3" style="max-width: 120px;">
                                      <input type="text" class="form-control text-center txtCantidad"
                                      data-precio="<?php echo $arregloCarrito($i)('ValorUnitario'); ?>"
                                      data-id="<?php echo $arregloCarrito($i)('Id'); ?>"
                                      value="<?php echo $arregloCarrito($i)('Cantidad'); ?>" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
                                    </div>
                                  </td>

AJAX

$(".txtCantidad").keyup(function(){
       var cantidad = $(this).val();
       var precio = $(this).data('precio');
       var id = $(this).data('id');
       incrementar(cantidad,precio,id);
     });
      function incrementar(cantidad,precio,id){
       var mult = parseFloat(cantidad)* parseFloat(precio);
       $(".cant"+id).text("$"+mult);
       $.ajax({
         method:'POST',
         url:'./php/actualizar_carrito.php',
         data:{
           id:id,
           cantidad:cantidad
         }
       }).done(function(respuesta){
        $('#contenidoTotal').load('./ventas/total_compra.php');
      });
     }

actualizar_carrito

session_start();
error_reporting(0);
if ($_SESSION('id_user') == "") {
  echo "<script>alert('Por favor inicie sesión primero!');
  window.location.href='../'</script>";
}
$arreglo = $_SESSION('carrito');
for ($i=0; $i<count($arreglo); $i++){
    //$arreglo($i)('Bodega') = $_POST('bodega');
    if ($arreglo($i)('Id') == $_POST('id')){
        $arreglo($i)('Cantidad')=$_POST('cantidad');
        $_SESSION('carrito') = $arreglo;
        break;
    }
    //$_SESSION('carrito') = $arreglo;
}

Lo que quiero hacer es que así cómo la cantidad de cada producto queda guardado para el mismo, lo haga con el de las bodegas, si selecciono la bodega principal para la ID = 1 quede guardado para esa ID = 1 y no intervenga con el otro producto con ID = 2 y que trabajen por separado así sucesivamente dependiendo de los productos que incluya el cliente… ¿Me podrían ayudar?