Problemas de ajuste en imágenes

  • Alex Socco

    (@alex-socco)


    hace 8 años, 5 meses

    Tengo problemas con los banners de mi página http://www.rockmelodico.com. No se ajustan al ancho de la plantilla. Las medidas de los banners son 480 x 80.

    Brevemente: yo uso un monitor antiguo-cuadrado y lo veo bien, pero en los monitores rectangulares cambia la visión. Incluso cuando en mi monitor le doy 90% a la pantalla, pasa lo mismo, no se ajusta. Y en el móvil tambien estas imágenes aparecene muy grandes y desfasadas.

    Me gustaría saber cómo puedo hacer para que los banners queden bien ajustados y se vean correctamente tanto en un monitor cuadrado como en rectangular y en móvil.

    Muchísimas gracias por responder. Saludos-

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Samuel Aguilera

    (@samuelaguilera)

    hace 8 años, 5 meses

    Tu problema se debe a estas usando banners con tamaños fijos, por lo que al visitar la página con una resolución superior queda espacio de sobra a la derecha de tus banners.

    Una solución pasaría por usar banners de un tamaño superior, tan anchos como tú esperes que pueda ser necesario para las resoluciones altas. Y usar CSS para ajustar el tamaño con porcentajes. O bien usar media queries para servir diferentes imágenes de distintos tamaños según la resolución de pantalla del visitante.

    En cualquier caso esto no es un problema de WordPress, es un problema de diseño de tu plantilla y tus banners.

    Iniciador del debate Alex Socco

    (@alex-socco)

    hace 8 años, 5 meses

    Gracias Samuel, yo esas imágenes las incluí desde el editor en Header, pero aunque cambie su tamaño por el de la plantilla, que me he fijado y una imagen rondaría en un ancho de 740, se ven mal igual.

    La pregunta serían dos,
    ¿Cómo puedo ajustarlo desde CSS? (nunca lo usé).
    Y, ¿desde donde me convendría insertar las imágenes? (mi plantilla viene predeterminada con un advertising para el Header pero tampoco me funciona bien.

    Muchas gracias. Saludos!

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Problemas de ajuste en imágenes’ está cerrado a nuevas respuestas.