Avisos
Vaciar todo

[Resuelto] Etiquetas y para tabla

7 Respuestas
2 Usuarios
1 Reactions
18 Visitas
Respuestas: 328
Reputable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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: 12051
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@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: 12051
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@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: 12051
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

@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