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
- 509 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
-
- 407232
- 1
- Jul 5, 2015
Sin Respuesta
-
- 186
- 0
- Mar 19
-
- 99
- 2
- Feb 26
-
- 1274
- 0
- Nov 7, 2023
-
- 309
- 0
- Sep 19, 2023
-
- 314
- 0
- Ago 21, 2023
-
- 398
- 0
- May 14, 2023
-
- 367
- 0
- Abr 21, 2023
-
- 452
- 0
- Mar 31, 2023
- ver todas
Preguntas relacionadas
- Actualizar la imagen con los datos devuelto en un json con fetch y django
- Como poner en produccion un proyecto de django
- ¿Cuál es la mejor opción para validar datos de entrada (input) trabajando con Django?
- Como acceder a un schema Oracle con otro usuario diferente en Django
- Capturar ID de una etiqueta HTML en Django
Actividad Reciente
ArtEze respondió Abr 24
Alguien sabe, no me ignorenArtEze seleccionó una respuesta Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó Abr 24
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió Abr 24
No me deja instalar OracleArtEze respondió Abr 24
Formulario que guarde los datos de un jsonArtEze comentó Abr 24
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scraping
Ultimas Preguntas
Preguntas relacionadas
- Actualizar la imagen con los datos devuelto en un json con fetch y django
- Como poner en produccion un proyecto de django
- ¿Cuál es la mejor opción para validar datos de entrada (input) trabajando con Django?
- Como acceder a un schema Oracle con otro usuario diferente en Django
- Capturar ID de una etiqueta HTML en Django
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150470 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos