Slaudos.
Tengo en mi template una imagen que me gusta mucho para la parte del login. Ahí coloqué dicha imagen y le cuadré dos inputs correspondientes a usuario y contraseña. Mi problema es que cada vez que cambia el zoom del navegador, se descuadran totalmente. Cómo puedo solucionarlo de forma que independientemente del zoom de mi navegador, permanezca siempre cuadrado como lo dejé.
Gracias de antemano.
Firefox, zoom 133%: Toma1
Firefox, zoom 100%: Toma2
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
Cuadrar una imagen con un input con CSS en Django
- preguntó
- Software
- 388 Vistas
- 2 Respuestas
- solucionada
2 Respuestas
crea una envoltura con position: fixed
y transform: translate(-50%, -50%);
para centrarlo y asi se mantendra en el centro junto con los input.
la clases podria ser:
.centered {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
ejemplo:
Por favor, accede o regístrate para añadir un comentario.
Hola @ibrames,
por las imágenes, parece que pusiste el círculo naranja y las demás decoraciones como una imagen de fondo de la página.
Si es este el caso, podrías poner esa imagen como parte de un DIV
(no como fondo) y poner el formulario con la propiedad CSS z-index por delante.
De esta forma, el zoom le afectará a ambas cosas por igual y no se te correrá al hacer zoom o a diferentes resoluciones.
Si no es este el caso, necesitaremos al menos una versión estática (hecha por ejemplo con el navegador al "guardar página como") de la página funcionando para ver cómo se comporta...
Seguimos!
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 405888
- 1
- Jul 5, 2015
Preguntas sin respuesta
-
- 130
- 0
- Nov 23, 2022
-
- 71
- 0
- Nov 17, 2022
-
- 89
- 0
- Nov 4, 2022
-
- 160
- 0
- Nov 1, 2022
-
- 90
- 0
- Oct 27, 2022
-
- 129
- 0
- Oct 26, 2022
-
- 87
- 0
- Oct 21, 2022
-
- 61
- 0
- Oct 19, 2022
- ver todas las preguntas
Preguntas relacionadas
Actividad Reciente
seniorit respondió Ene 18
¿Como poner privilegio o niveles a los usuarios en…seniorit respondió Ene 10
Como muestro un objeto test(preguntas-respuestas) …yoelrodguez respondió Dic 2, 2022
servidor local xamp disponibile fuera de lanmchojrin respondió Nov 25, 2022
servidor local xamp disponibile fuera de lanPeter comentó Nov 23, 2022
Formulario que guarde los datos de un jsondiana15 comentó Nov 23, 2022
Formulario que guarde los datos de un jsondiana15 preguntó Nov 23, 2022
Formulario que guarde los datos de un jsonPeter respondió Nov 21, 2022
categorias wcommercegonzalss preguntó Nov 21, 2022
categorias wcommerceJPablo23 preguntó Nov 17, 2022
Existe alguna libreria que mande comandos ESC/POS …
Ultimas Preguntas
Preguntas relacionadas
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150400 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos