IFELSE | Artículos

¿Qué tal estamos capitán? Hoy vamos a aprender a centrar un div dentro de otro div. Y por extensión cualquier cosa dentro de su contenedor. Seguro que alguna vez os habéis puesto a trastear y a intentar centrar un elemento dentro de su contenedor. Depende de como lo hayáis programado centrar el elemento horizontalmente con la propiedad auto de margin-left y margin-right es sencillo. Pero ¿Cómo central de facilmente un elemento dentro de su contenedor en las dos dimensiones? A continuación dejo un ejemplo. Ver ejemplo Para lograr necesitaremos programas la siguiente funciónn de javascript. function centrarDivDentroDeOtroDiv(id){ //Obtenemos los elementos var divCentrar = document.getElementById(id); var divContenedor = divCentrar.parentNode; //Obtenemos las dimensiones var anchuraContenedor = parseInt(window.getComputedStyle(divContenedor, null).getPropertyValue("width")); var alturaContenedor = parseInt(window.getComputedStyle(di...

Si has llegado hasta aquí es porque estás intentando hacer de un modo u otro un formulario para subir archivos a tu servidor y claro el estilo por defecto que te aparece es cutrísimo. Seguro que quieres que aparezca un flamante botón o imagen. Ya habrás llegado a la conclusión de que para poder desencadenar el selector de archivos tienes que relacionar el input con un label. Y he aquí la cuestión, te aparece tu flamante botón, y el botón por defecto que es más feo que picio. Solución Pues te lo puedes cargar de una forma tan fácil como añadiendo lo siguiente en tu css: input[type="file"]{ display: none; } Bueno, hasta otra.