Sugerencia para que se visualice tabla en celular

marcelo12

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
16 Sep 2018
Mensajes
65
Muy buenas, tengo ya comenzada una web donde uso una tabla de 2 columnas, una texto y la otra un iframe de google maps, el problema tal cual muestra la
imagen es que no se visualiza en celular queda todo muy mal, aclaro que es en la plataforma Blogger, agradezco me den alguna idea de que hacer para solucionarlo.
Gracias
Saludosforo.png
 

marcelo12

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
16 Sep 2018
Mensajes
65
Me facilitaron esto, pero no sabría implementarlo y no responde quien me lo paso, recuerden que es la plataforma Blogger.
Debo colocar esto en estilos o directamente en el editor del articulo? Agradezco ayuda


<div class="Class1">
<div class="Table">
..
</div>
<div class="GoogleMaps">
..
</div>
</div>

// css

.Class1
{
display: block;

// or use display: flex, idr.
}
 

Programarte

Épsilon
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
18 Nov 2014
Mensajes
965
Efectivamente tiene que estar hecho con DIV y no con tablas, solo que no uso Blogger por lo que no sé exactamente dónde debes implementarlo. No sé cómo fue la idea del que te lo pasó pero se ve un poco incompleto y una parte de eso va en la hoja de estilos y lo demás es HTML

Esto es HTML
<div class="Class1">
<div class="Table">
..
</div>
<div class="GoogleMaps">
..
</div>
</div>


Esto va en la hoja de estilos pero no está definida la clase Table ni GoogleMaps
.Class1
{
display: block;

// or use display: flex, idr.
}
 

MarkBurns

VIP
Beta
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Usuario nuevo
¡Usuario con pocos negocios!
Desde
20 Jul 2020
Mensajes
39
En movil (responsive) es mejor no usar filas con más de un bloque. En este caso tienes 2.


para móvil es mejor usar display:flex y flex-direction: column
 

Arriba