Avisos
Vaciar todo

[Resuelto] Etiquetas y para tabla

7 Respuestas
2 Usuarios
1 Reactions
18 Visitas
Respuestas: 328
Reputable Member
Topic starter
 

Buenas tardes.

Estoy tratando de construir una "tabla" (filas y columnas) mediante <section> y <div>. Casi lo tengo resuelto pero me falta un detalle. En la captura de pantalla adjunta puede verse esta tabla, de 2x2, en la esquina inferior izquierda.

banderas en texto

En esa tabla:
celda (1, 1) = imagen de la bandera de Francia
celda (1, 2) = texto "valdisere.com"
celda (2, 1) = imagen de la bandera de España
celda (2, 2) = texto "spanishtourism.es"

EL código HTML, CSS os lo envío en archivo pdf adjunto.

El problema es que deseo las celdas de texto (1, 2) y (2, 2) alineadas a la izquierda y no veo que estén así. Seguramente es un problema fácil de resolver pero me he atascado un poco aquí. Si me pudierais ayudar os estaría agradecido.

Contenido solo visible a usuarios registrados


 
Respondido : 13/11/2021 2:57 pm
Tags del tema
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Miguel,

En el código que tienes agregado cambia flex, por block:

image

Un saludo 🖐️ 


 
Respondido : 13/11/2021 3:37 pm
Respuestas: 328
Reputable Member
Topic starter
 

@argenis

Cuando reemplazo "flex" por "block" el resultado es el siguiente:

banderas en texto con block

 
Respondido : 13/11/2021 3:45 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Miguel,

En el código que nos compartiste es lo que puedo ver, para una mejor solución del problema debes publicar el sitio y compartirnos la url para poder actuar sobre el código en vivo, cuando realizo el cambio aplicando tu código en mi instalación consigo esto:

image

Esperamos en enlace para poderlo ver a detalle.

Un saludo 🖐️ 


 
Respondido : 13/11/2021 3:48 pm
Respuestas: 328
Reputable Member
Topic starter
 

@argenis

Sí. Es que la tenía en "Visibilidad = Privada" para ir trabajando en ella sin lanzarla. La he pasado temporalmente a Pública.


 
Respondido : 13/11/2021 4:10 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Miguel,

Perfecto, donde indica en el mismo código que te señale, justify-content, cámbialo a:

justify-content: flex-start;

Es decir colocas flex-start, en lugar del que esta actualmente, nos comentas que tal te va.

Un saludo 🖐️ 


 
Respondido : 13/11/2021 4:14 pm
Miguel Ángel reaccionó
Respuestas: 328
Reputable Member
Topic starter
 

@argenis

Sí. Así funciona perfectamente. 😊 

Por mi parte damos cerrado el tema.

Muchas gracias y un saludo cordial. 🖐️ 


 
Respondido : 13/11/2021 5:11 pm