html – ajustar tamaño del div al tamaño de la tabla que contiene

tengo una tabla dentro de un div. Y queria que dicho div se ampliase hasta ocupar el tamaño total de la tabla que este contiene. Tal y como esta ahora la tabla desborda el div. Si la tabla ocupa poco no tiene problemas, el problema es cuando la tabla es muy grande, ya que la tabla desborda el div y se extiende mas alla de donde deberia.
Este es el codigo: (hace algunas consultas a una base de datos, pero lo importante es la tabla y el div).

<div class="container h-100">
    <div class="row">
        <div class="col-12 d-flex justify-content-center">
            <form action="listadoProductos.php" method="post">
                <input type="text" placeholder="Id" name="id" value="">
                <input type="text" placeholder="Referencia" name="referencia" value="">
                <input type="text" placeholder="Nombre" name="nombre" value="">
                <input type="submit" name="filtrar" value="Filtrar">
            </form>
        </div>
        <div class="col-12 d-flex justify-content-center" style="overflow-x:auto;">
            <table border="1">
                <th>Id</th><th>Nombre</th><th>Precio</th><th>Unidades</th><th>Categoria</th><th>Color</th><th>Talla</th><th>Referencia</th><th>Tipo</th>
            <?php
            require("conexion.php");
            if(!isset($_POST("id")) or $_POST("id")=="")
            {   
                $condicionId="%";
            }
            else
            {
                $condicionId=$_POST("id");
            }
            if(!isset($_POST("referencia")) or $_POST("referencia")=="")
            {   
                $condicionReferencia="%";
            }
            else
            {
                $condicionReferencia=$_POST("referencia");
            }
            if(!isset($_POST("nombre")) or $_POST("nombre")=="")
            {   
                $condicionNombre="%";
            }
            else
            {
                $condicionNombre=strtolower($_POST("nombre"))."%";
            }
            
            //$datos=mysqli_query($db,"select * from productos where id like '$condicionId' and referencia like '$condicionReferencia'");
            $sentencia = $db->prepare("select * from productos where id like ? and referencia like ? and lower(nombre) like ?");
            $sentencia->bind_param("sss",$condicionId,$condicionReferencia,$condicionNombre);
            $sentencia->execute();        
            $datos = $sentencia->get_result();
            foreach($datos as $producto)
            {
                echo("<tr>");
                echo("<td>".$producto("id")."</td>");
                echo("<td>".$producto("nombre")."</td>");
                echo("<td>".$producto("precio")."</td>");
                echo("<td>".$producto("unidades")."</td>");
                echo("<td>".$producto("categoria")."</td>");
                echo("<td>".$producto("color")."</td>");
                echo("<td>".$producto("talla")."</td>");
                echo("<td>".$producto("referencia")."</td>");
                echo("<td>".$producto("tipo")."</td>");
                echo("<td>".$producto("tipoIva")."</td>");
                echo("</tr>");
            }
            ?>
            </table>
        </div>
    </div>
</div>

msdos – Obtener listado de archivos con su tamaño

Buen día.

Intento realizar un comando MS-DOS, para poder listar los archivos de un directorio, pero requiero omitir ciertos tipos de archivos, ademas de que si es posible muestre solo el nombre, la ruta y fecha de ultima modificación, hasta el momento tengo esto:

dir /s > listado.txt

Con este resultado:
introducir la descripción de la imagen aquí

Quiero que no me muestre los directorios (Folder 1, 2, 3 y 4), obviamente dentro de esos directorios existen más archivos, por lo que deberá mostrarlos también, ya sea en la misma linea o en una nueva.
El resultado seria algo así:

introducir la descripción de la imagen aquí

Cualquier ayuda es bienvenida.

html – CSS mover imagen proporcionalmente a la pantalla independientemente del tamaño de ella

.cuadrado2 {
background-color: blueviolet;
animation-name: cuadrado2;
animation-duration: 3s;
}   
@keyframes cuadrado2 {
from {transform: translatex(0px);}
to {transform: translatex(100%);}
}

Solo se mueve proporcionalmente al tamaño de la imagen, pero quiero que se mueva proporcionalmente al tamaño de la pantalla. saludos!

html – Como dividir la fila de una tabla en dompdf cuando el contenido supera el tamaño de la pagina – Laravel

.pdf{
    padding-left: 2em;
    padding-right: 2em;
    font-family: Arial, sans-serif;
    margin-top: 3cm;
}

.nota .fecha{
    margin-bottom: 4em;
    text-align: right;
}

.nota .saludo{
    margin-bottom: 3em;
}

.nota .parrafo{
    text-indent: 25%;
    text-align: justify;
}

.grid-container{
    display: grid;
    grid-template-columns: auto auto;
}

.page-break{
    page-break-after: always;
}

.tabla td{
    border: 1px solid black;
}

.tabla{
    width: 100%;
    border-collapse: collapse;
}

.text-center{
    text-align: center;
}
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://es.stackoverflow.com/{{asset("css/styles.css')}}">

    <style>
        header{
            position: fixed;
        }
    </style>
</head>
<body class="pdf">
    <header>
        <img src="https://es.stackoverflow.com/{{asset("img/header-unsa.png')}}" alt="" style="width: 50%; height: auto;">
    </header>
    <main class="nota">
        <p class="fecha">Salta, 23 de Noviembre de 2020</p>
        <p class="saludo"><b>
            A la Comisión de Seminario de <br>
            Tecnicatura Universitaria en Programación</b>
        </p>
        <p class="parrafo">
            Me dirijo a Uds. a los efectos de poner a su consideración el tema <b>“Sistema Web para la Gestión 
            y Seguimiento de Seminarios de TUP”</b> – Año 2020, para el trabajo de la asignatura 
            Seminario Técnico Profesional de la Tecnicatura Universitaria en Programación. Adjunto a la misma el Formulario
            Anexo 1 de Presentación de Tema.
        </p>
        <p>
            Sin otro particular, saludo a Uds. muy atentamente.
        </p>
        <div style="text-align: right; margin-top: 8em">
            <p>______________________</p>
            <p>
                Alumno: Facundo Darfe <br>
                LU: 111111
            </p>
        </div>
        <div style="margin-top: 8em;">
            <div style="float: left;">
                <p>______________________</p>
                <p>
                    Director: Facundo Darfe
                </p>
            </div>
            <div style="float: right;">
                <p>______________________</p>
                <p>
                    Codirector: Facundo Darfe
                </p>
            </div>
        </div>
        <div class="page-break"></div>
        <p><b>ANEXO 1: FORMULARIO 1</b></p>
        <table class="tabla">
            <tr>
                <td><b>Trabajo</b></td> 
                <td colspan="2">Sistema Web para la Gestión y Seguimiento de Seminarios de TUP</td>
            </tr>
            <tr>
                <td>Director</td>
                <td colspan="2">Juan Perez</td>
            </tr>
            <tr>
                <td>Co-director</td>
                <td colspan="2">Juan Perez</td>
            </tr>
            <tr class="text-center">
                <td colspan="3">Alumno/a</td>
            </tr>
            <tr class="text-center">
                <td>LU</td>
                <td>Apellidos y Nombres</td>
                <td>Dirección, teléfono, e-mail</td>
            </tr>
            <tr class="text-center">
                <td>111111</td>
                <td>Darfe Facundo</td>
                <td>-</td>
            </tr>
            <tr>
                <td>Modalidad</td>
                <td colspan="2">Seminario</td>
            </tr>
            <tr class="text-center">
                <td colspan="3">Resumen del trabajo temático</td>
            </tr>
            <tr>
                <td colspan="3">
                    La comisión de Seminario de TUP está formada por un grupo de docentes del Departamento de Informática cuyas tareas son:
                    dictar clases sobre metodología de investigación y formalidad en la presentación de los trabajos.
                    guiar y orientar a los alumnos en el desarrollo del mismo.
                    buscar y recopilar temas, identificar posibles directores.
                    realizar el seguimiento de las tareas individuales de cada alumno.
                    supervisar pasantías.
                    entre otros.
                    
                    La propuesta de este proyecto de Seminario Técnico Profesional consiste en desarrollar e implementar un Sistema Web para la Gestión y seguimiento de los seminarios de TUP del Departamento de Informática
                </td>
            </tr>
            <tr class="text-center">
                <td colspan="3">Descripción detallada del proyecto</td>
            </tr>
            <tr>
                <td colspan="3">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Soluta culpa aspernatur iusto, alias magni dolores, incidunt vero fuga officiis sint autem? Tempora, natus repellendus praesentium iure totam consectetur iusto vitae? Enim cupiditate qui, quas nulla ducimus eos iusto ab, perferendis nostrum est molestias minus quo ipsam deserunt ea totam beatae, dolorem tempore maxime quis! Vitae, possimus. Nam dolorem dolorum quisquam at inventore cum aperiam, laudantium, tenetur libero error exercitationem iure fuga voluptatem culpa harum totam. Laborum cupiditate eos eius in, facilis magnam nulla est fugiat autem asperiores, accusamus atque suscipit, aut consectetur esse quisquam consequatur! At aliquam error voluptatum atque est non quae suscipit hic autem dolorum, nobis ab esse voluptatem cum quibusdam? Ullam vero laboriosam fuga sed numquam enim minima impedit provident dolore earum. Nulla exercitationem voluptatem aliquam a. Nemo nesciunt fugit repellat facere consequatur tenetur, earum pariatur rerum nostrum labore beatae quasi molestias sed eveniet asperiores architecto ipsa illum eius? Nostrum placeat velit, perferendis ex illo hic cum aut minus neque consequatur quos, esse, omnis ab corrupti. Fuga expedita iusto soluta doloremque reiciendis voluptas dolor inventore ad enim. Ut ipsam amet, veniam ea suscipit quae maiores alias at. Laudantium accusantium officiis animi dolorum cumque, similique doloribus quod sunt enim saepe tenetur. Aliquam qui quidem ratione, iure deleniti doloremque quis itaque laboriosam et hic eos velit aliquid est consequuntur porro a expedita in nulla ad aspernatur magnam enim beatae voluptatum. Dicta vitae, repudiandae veritatis a similique molestiae, nisi laborum deserunt excepturi quaerat quisquam voluptatum neque? Soluta obcaecati, dolorum quo, illum eos placeat doloribus accusantium similique vel quod ullam debitis voluptatum? Vitae autem, possimus dolorem voluptatum voluptate ipsam quae id omnis. Esse, ducimus at dicta repudiandae libero id! Repudiandae distinctio nulla impedit asperiores dolorem sequi voluptate pariatur, aspernatur magnam reiciendis cumque nostrum suscipit sint earum sed optio fugit quos eligendi tempora eveniet facilis! Voluptatibus laborum delectus debitis dolor distinctio nam recusandae facilis id aliquam, atque sed ratione ab cumque quia aspernatur vero. Impedit natus ab illo minima mollitia aspernatur quae iste adipisci, dolorum ipsam obcaecati totam deserunt. Reiciendis omnis quis dicta rem est molestiae ea perspiciatis animi cum totam, commodi veritatis assumenda quasi ratione pariatur maiores quo fuga ullam libero recusandae delectus cumque. Vitae iure magnam, molestiae quia saepe numquam ipsam eos illum quos officia eum excepturi quis dolorem nobis quidem nisi modi. Voluptates enim impedit eum, minima, ut sit officia maxime ex quam debitis aperiam saepe ea culpa omnis pariatur. Modi aperiam officiis dolorum fugit corporis neque saepe illum explicabo, quo numquam, quae cumque. Sed officia praesentium doloribus omnis! Tempora assumenda fugit iure! Enim magnam, autem natus, minus, aliquid error tempore perferendis repellat facere nulla temporibus repudiandae harum modi dolorem eligendi inventore dolores corporis quia maxime iure! Fugiat non eveniet aspernatur est, enim voluptas doloremque, tempore nam corporis, iusto velit? Obcaecati rerum temporibus blanditiis consequuntur fugiat voluptas accusantium rem id maiores. Dolore accusantium qui iure suscipit numquam totam? Illo error incidunt explicabo, neque atque quo quam nisi deserunt molestiae ad culpa libero totam minus quos animi doloremque facilis est? Nulla harum quibusdam accusamus quae est impedit, optio laboriosam. Unde iusto velit ducimus neque culpa minima ipsum quis veritatis accusamus modi, aspernatur dolor alias sit, aliquid molestias id. Quos voluptates enim sed pariatur inventore molestias. Illum tempora est molestias totam iusto dolor fugiat porro saepe velit molestiae cumque ex quaerat sapiente, beatae modi. Minus quo culpa ab nisi aliquam ex laborum distinctio suscipit veritatis! Earum temporibus consequuntur ab esse assumenda quasi optio culpa! Nihil, laudantium architecto vero consectetur illum est velit dolores consequuntur doloribus? Fugiat, illo deserunt eos possimus atque tenetur corporis esse velit enim a odit, perspiciatis quidem quas!
                </td>
            </tr>
        </table>
    </main>
</body>
</html>

javascript – Como obtener el tamaño total de una carpeta (con de todo su contenido…) en extendscript?

Estoy creando un panel para After Effects, y para una de las funcionalidades necesito obtener el tamaño total de una carpeta concreta, es decir, la suma de todo su contenido.

He buscado por todas partes de la intenné, y lo que mas se acerca a lo que necesito es un código en javascript de GitHub:
rluvaton/getFolderSize.js

El problema es que creo que todas las posibles soluciones que he encontrado usan Node.js (que al parecer es la leche de fácil usándolo, peeeeeeero como es para un panel en extendedscript no me vale (y también porque soy tan rookie en programación que ni siquiera sé implantarlo sinceramente…).

Hasta donde he conseguido llegar es a este codigo, pero lo único que me devuelve la alerta es “NaN undefined”…

Hay alguna forma de hacer lo que necesito usando código extendscript exclusivamente o el problema es que estoy intentando algo que simplemente no se puede hacer?

Gracias de antemano a todos!

// Variable of folder path: 
{
    var testFolder = "/Users/macpro/Desktop/Test";
}

function myFunction() {
  // Please Write the path of the folder you want sub path seperated with slash(,) (spaces are counted)
  // for example: for myFolder/test -> myFolder,test
  // And NOT myFolder, test
  var folders = (testFolder);
  if(!folders || folders.length === 0) {
     return;
  }
  Logger.log('Finished: ' + formatSize(getFolderSize(findFolder(null, folders, 0))));
}

// a - bytes
// b - number after point
function formatSize(a, b) {
  if(0==a)return"0 Bytes";
  var c=1024,d=b||2,e=("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"),f=Math.floor(Math.log(a)/Math.log(c));
  return parseFloat((a/Math.pow(c,f)).toFixed(d))+" "+e(f)
}

function findFolder(parent, folderNames, i) {
  if(folderNames.length - 1 < i) {
   return parent;
  }
  
  var folderName = folderNames(i);
  Logger.log(folderName);
  if(!parent) {
    var folders = DriveApp.searchFolders('title contains "'+folderName+'"');
    parent = folders.next();
  }
  
  
  var foundedFolders = parent.getFolders();
  while (foundedFolders.hasNext()){
    var folder = foundedFolders.next();
    return findFolder(folder, folderNames, i + 1);
  }
}

function getFolderSize(folder) {
  if(!folder) {
   return 0; 
  }
  
  var size = 0;
  
  var files = folder.getFiles();
  while (files.hasNext()){
    var file = files.next();
    size +=file.getSize();
  }
  
  var subFolders = folder.getFolders();
  while (subFolders.hasNext()){
    var subFolder = subFolders.next();
    size += getFolderSize(subFolder);
  }
  
  return size;
}


alert(formatSize(size))

css – COMO SOLUCIONAR: Evita un tamaño excesivo de DOM

QUIERO QUE ALGUIEN ME AYUDE A SOLUCIONAR EL DIAGNOSTICO HECHO A MI PAGINA WEB EN https://developers.google.com/speed/pagespeed/insights/
RELACIONADO CON EVITAR UN TAMAÑO EXCESIVO DE DOM, A CONTINUACION DETALLO EL REGISTRO:

Total de elementos DOM
3028

Profundidad máxima de DOM

30

Número máximo de elementos secundarios

267

POR FAVOR PIDO AYUDA, PARA IMPLEMENTAR ESTA LINEA DE CODIGO, INDIQUEME POR FAVOR EN QUE CARPETA DE LA WEB SE MODIFICA, O COMO IMPLEMENTAR UN CODIGO MAS EFICIENTE Y COMO AGREGARLO CORRECTAMENTE.

GRACIAS

Cambiar Tamaño de Imagen a Subir con PHP

espero me puedan ayudar con el siguiente código, tengo este formulario para subir una imagen en index.php:

<form action="upload.php" method="POST" enctype="multipart/form-data">
<label>Select Image File:</label>
<input name="archivo" id="archivo" type="file" accept="image/*">
<input type="submit" name="submit" value="Upload">
</form>

y este otro código que reduce su tamaño en upload.php:

    <?php 
    function compressImage($source, $destination, $quality) {  
    $imgInfo = getimagesize($source); 
    $mime = $imgInfo('mime'); 
      
    switch($mime){ 
        case 'image/jpeg': 
            $image = imagecreatefromjpeg($source); 
           imagejpeg($image, $destination, $quality);
            break; 
        case 'image/png': 
            $image = imagecreatefrompng($source); 
            imagepng($image, $destination, $quality);
            break; 
        case 'image/gif': 
            $image = imagecreatefromgif($source); 
            imagegif($image, $destination, $quality);
            break; 
        default: 
            $image = imagecreatefromjpeg($source); 
           imagejpeg($image, $destination, $quality);
    }  
    return $destination; 
}  
$uploadPath = "uploads/"; 
  
$status = $statusMsg = ''; 
if(isset($_POST("submit"))){ 
    $status = 'error'; 
    if(!empty($_FILES("archivo")("name"))) {  
        $fileName = basename($_FILES("archivo")("name")); 
        $imageUploadPath = $uploadPath . $fileName; 
        $fileType = pathinfo($imageUploadPath, PATHINFO_EXTENSION); 
         
        $allowTypes = array('jpg','png','jpeg','gif'); 
        if(in_array($fileType, $allowTypes)){  
            $imageTemp = $_FILES("archivo")("tmp_name"); 
             
            $compressedImage = compressImage($imageTemp, $imageUploadPath, 75); 
             
            if($compressedImage){ 
                $status = 'success'; 
                $statusMsg = "Image compressed successfully."; 
            }else{ 
                $statusMsg = "Image compress failed!"; 
            } 
        }else{ 
            $statusMsg = 'Sorry, only JPG, JPEG, PNG, & GIF files are allowed to upload.'; 
        } 
    }else{ 
        $statusMsg = 'Please select an image file to upload.'; 
    } 
}  
echo $statusMsg;  
?>

El problema que estoy teniendo es que por ejemplo con imágenes de 1 MB funciona perfecto y las comprime pero si le cargo una imagen de 4 MB me tira los siguientes errores:

Warning: getimagesize(): Filename cannot be empty in C:wamp64wwwachicaupload.php on line 9

imagecreatefromjpeg(): Filename cannot be empty in C:wamp64wwwachicaupload.php on line 27

imagejpeg() expects parameter 1 to be resource, boolean given in C:wamp64wwwachicaupload.php on line 28

Alguien sabe que está pasando y cómo lo puedo solucionar?

vba – Al compilar una aplicacion vb.net 2019 los botones y algunos objetos como Calendar cambian de aspecto y tamaño (apariencia vb 6)

Tengo ya finalizada una aplicación en visual basic vb.net 2019, pero inesperadamente al compilarla nuevamente para su distribución como ejecutable, los botones y algunos objetos como Calendar cambian de aspecto y tamaño (apariencia vb 6). No obstante inicio otro proyecto nuevo y utilizo los mismos objetos y no ocurre este problema, se mantienen según su diseño.

javascript – Como validar extension y tamaño de un archivo con java script

Buenas tardes tengo el siguiente código:

 peticion.addEventListener("load",() => {
        const fileInput = document.getElementById('archivo');
        var filePath = fileInput.value, filesize = fileInput.size;

        alert (filesize);
     
        document.getElementById("fileSize").innerHTML = filesize;

});

El detalle es que tanto en la alerta como en el HTML solo me sale un 20, no importa el tipo y tamaño del archivo que seleccione, siempre es 20. y requiero obtener el tamaño del archivo, para realizar una validación. otros datos que traigo por parametro y el nombre del archivo si me los muestra correctamente.

En el HTML lo presento así:
total size: 0
utilizando esta linea: document.getElementById("fileSize").innerHTML = filesize;

Haber si me pueden ayudar a resolver este detalle.

Gracias

Diferencia File.ReadAllBytes (C#) con su tamaño en KB (según windows)

Estoy configurando una petición de envío de adjunto en mensajes SMS y tengo un problema de restricción de envío según lo que aplico en web.config. No llego a encontrar documentación sobre por qué indica windows en un fichero tiene 4,938 KB y la función ReadAllBytes en C# me devuelve 5055528 bytes. ¿Me podéis indicar relación entre estos dos valores? Si el límite en webconfig es de 5MB por lectura de bytes se está pasando, pero según Windows no llega.