HTML - Duda sobre html en imágenes responsive de blogger en vista móvil.

 
Vista:
sin imagen de perfil
Val: 2
Ha disminuido su posición en 102 puestos en HTML (en relación al último mes)
Gráfica de HTML

Duda sobre html en imágenes responsive de blogger en vista móvil.

Publicado por Javier (2 intervenciones) el 18/06/2020 02:47:19
Hola a todos.

Me gustaría pediros ayuda para un tema sobre el que llevo horas (días, en realidad) buscando alguna solución. Soy el autor de un blog alojado en Blogger. Dicho blog utiliza la plantilla Contempo. La vista de una entrada cualquiera del blog en PC es la siguiente:

Pantalla-Blog-PC

Cuando habilito la vista para móviles, tengo un problema con las imágenes de las entradas. La estructura de la página principal se ve correctamente, así como el menú de las pestañas reducido.

Pantalla-Blog-movil

Sin embargo, al mostrar las entradas completas en vista móvil, las imagenes no aparecen con el texto alrededor de ellas, como sucede en PC.

Entrada-Blog-movil

Y esto me resulta muy extraño, ya que en todas las imágenes incluyo la propiedad "float", pero es como si en la vista móvil sencillamente se ignorase. (Esto es un ejemplo del código que uso para insertar imágenes):

<a href="https://4.bp.blogspot.com/-S7HlgQBe88s/XsQoX_ooNXI/AAAAAAAAOdI/1i31mFfh2Ncxzk8j7iBHB7s8uV8s7pLUwCLcBGAsYHQ/s1600/The%2BLegend%2Bof%2BZelda%2B-%2BHyrule%2BHistoria%2B-%2BPortada%2B%2528700x530%2529.png" imageanchor="1" style="clear: left; float: left; margin-bottom: -1em; margin-right: 0em;">
<img border="0" src="https://4.bp.blogspot.com/-S7HlgQBe88s/XsQoX_ooNXI/AAAAAAAAOdI/1i31mFfh2Ncxzk8j7iBHB7s8uV8s7pLUwCLcBGAsYHQ/s400/The%2BLegend%2Bof%2BZelda%2B-%2BHyrule%2BHistoria%2B-%2BPortada%2B%2528700x530%2529.png" width="165" height="220" data-original-width="530" data-original-height="700" /></a>

Si alguien supiera resolver mi duda, quedaría muy agradecido.
Javi.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Duda sobre html en imágenes responsive de blogger en vista móvil.

Publicado por Javier (2 intervenciones) el 25/06/2020 17:38:47
Ya di solución al problema, aunque puede que no sea la más eficiente, pero no entiendo muy bien el por qué de todo esto.

A base de prueba y error, descubrí que si el atributo style y todo lo que engloba ("clear: left; float: left; margin-bottom: -1em; margin-right: 0em;") lo pongo dentro de la etiqueta IMG y no en el enlace A HREF, el problema se soluciona, al ver las imágenes en el móvil estas ya aparecen envueltas en texto. La duda que me queda es si esto es un error en el código de mi página, y si no, por qué Blogger pone el atributo "style" en A Href y no en Img...

Lo pongo por si le interesa a alguien el tema o tiene el mismo problema. Eso sí, un currazo, ya que hay que hacer la modificación en todas y cada una de las imágenes del blog... y tampoco sé si a corto o largo plazo esto puede tener "efectos secundarios".

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar