La posición de las imágenes de mi sitio se ven diferente en chrome que en edge o el explorer  

Hola Guillermo,

Lo que ocurre es que desde años ancestrales Internet Explorer (Edge en posteriores versiones) ha tenido conflictos a la hora de interpretar código en el navegador ya que lo ha hecho siempre diferente al resto de navegadores.

Es por esto que tienes que programar una web para todos los navegadores es necesario crear una hoja CSS solo para internet explorer para compatibilizarlo con el resto de navegadores y que estos tengan otro hoja de estilo independiente.

En tu caso, efectivamente compruebo que desde Internet Explorer el tercer elemento no se coloca adecuadamente por el código CSS sobre cómo está formado.

Viendo el código que has colocado no me parece el más óptimo por cómo está definido ya que este no se adapta a todos los dispositivos, ni resoluciones.

Por ejemplo, veo que tienes la imagen y el texto en diferentes capas y esto es incorrecto, lo ideal es que hubiera un contenedor div y dentro de este, tuviera 3 bloques (div) y dentro de cada uno 2, uno para la imagen y otro para el texto. De esta forma si podrás colocarlo de forma adaptada a todos los navegadores cuando apliques CSS.

Te recomiendo que hagas los tres bloques al estilo grid responsive -> https://responsivedesign.is/patterns/three-equal-columns/

En este enlace tienes el código HTML y CSS que es responsivo.

Ten en cuenta que desde foro no damos soporte personalizado a CSS ni programación a medida.

Saludos

Hola Rafael,

Gracias por responder, pero creo que me quedo igual, ya que no entiendo el código del enlace, es decir, no sé cómo interpretar ese código. Supongo que habéis cambiado vuestras condiciones de ayuda, ya que siempre y, siempre es siempre, quienes me han atendido me colocan el código exactamente cómo lo debo colocar en el fichero que ellos mismos me indican e incluso con la ruta para encontrarlo.

Me dices que desde el foro no se da soporte de CSS, cuando siempre me lo han dado. No lo entiendo, es por eso que te pregunto si es que han cambiado las condiciones. Ahora que, a ti no te conocía, es la primera vez que me atiendes y ya llevo un año utilizando este foro.

Si me puedes responder a esto y si en todo caso, no puedes ayudarme con el CSS, entonces ni para qué seguir.

Un Saludo.

Hola

El problema que tienes es la estructura html que has usado, veo que las imágenes estan fuera del contenedor del texto. Para que te funcione correctamente debes tener las imágenes y luego el texto, cada una dentro de un contenedor con la clase: col-sm-3

Veo que el código además tiene demasiado código basura, desconozco si has trabajado con un editor o lo has copiado de otro sitio ya que tienes clases que no tienen efecto, prueba usar mejor el siguiente código html en tu Widget Personalizado

Con esto debería verse correctamente, los ajustes que hagas te sugiero que los hagas con CSS y evitar usar estilos en línea

Hola Jhon, lo siento, pero no he podido visualizar el adjunto que me has enviado. Cómo se supone que debo abrirlo?. Gracias.

Un Saludo

Hola Jhon, ya lo he podido visualizar y lo he podido utilizar a la perfección. Muchas gracias por tu gran respuesta.

Saludos.