¡Jelou! Tengo una mini duda, no sé cómo, sin seguir un tutorial, conseguí poner algunos campos de perfil en dos columnas, el problema es que por alguna razón, cuando alguno de los campos tiene un texto corto, se desacomoda y cuando tiene un texto largo se ve justo como debería de verse.
He estado toqueteando un poco pero no consigo solucionarlo, lamentablemente no puedo adjuntar captura pero dejo un link directo al tema para invitados con el perfil de Nevaeh como ejemplo.
Aquí
Los campos "PB" y "Edad" tienen el texto por todos lados, pero los otros se ven de maravilla, no entiendo si es porque lo hice mal o algo falta, ¿alguien de buen corazón me podría ayudar a arreglarlo?
Rainbow Soldier
campo2 Mensajes :
168
campo3 Blood :
211704
campo4 Frasesita :
If it's not you, if it wasn't you, what color would my world be colored right now?
campo2 Mensajes : 168 campo3 Blood : 211704 campo4 Frasesita : If it's not you, if it wasn't you, what color would my world be colored right now? | 150 mensajes publicados
Siete años
¡Siete años juntos!
|
Eine Krone
campo2 Mensajes :
148
campo3 Blood :
495369
campo4 Frasesita :
brekekekex koax koax
Hola hola, soy alguien de buen corazón:
El problema que te he encontrado es que usas el atributo float para posicionar los labels de cada campo de perfil. Como se trata de un elemento flotante que depende del texto, se queda una cifra al lado del label y la otra se va a la línea siguiente. Lo he arreglado cambiando el atributo float por un display: block; para obligar al span del label a comportarse como un elemento en bloque y no un elemento inline, por lo que le afectan los atributos de height y width.
Donde necesites poner el label a un lado y el contenido a otro lado, puedes hacerlo con el float o con un display: inline-block;.
El problema que te he encontrado es que usas el atributo float para posicionar los labels de cada campo de perfil. Como se trata de un elemento flotante que depende del texto, se queda una cifra al lado del label y la otra se va a la línea siguiente. Lo he arreglado cambiando el atributo float por un display: block; para obligar al span del label a comportarse como un elemento en bloque y no un elemento inline, por lo que le afectan los atributos de height y width.
Donde necesites poner el label a un lado y el contenido a otro lado, puedes hacerlo con el float o con un display: inline-block;.
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 148 campo3 Blood : 495369 campo4 Frasesita : brekekekex koax koax | 5 años
¡5 años juntos!
50 mensajes publicados
Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
|
Rainbow Soldier
campo2 Mensajes :
168
campo3 Blood :
211704
campo4 Frasesita :
If it's not you, if it wasn't you, what color would my world be colored right now?
Llevo toda la tarde toqueteando y me lo solucionas en medio segundo ¿cuándo dicen quee obtendré esos poderes mágicos? lol muchas gracias, siempre me rescatas de mis desastres
campo2 Mensajes : 168 campo3 Blood : 211704 campo4 Frasesita : If it's not you, if it wasn't you, what color would my world be colored right now? | 150 mensajes publicados
Siete años
¡Siete años juntos!
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.
|
|