Como hacer que no se modifique la imagen del slotholder

Tengo una página web donde hay un slotholder que si reduzco el tamaño de la página la imagen de dentro se corta. Y lo que quiero es que cuando reduzco el tamaño haga lo mismo con la imagen de dentro del soltholder.

1

1 respuesta

Respuesta
1

¿Te refieres a que la imagen sea responsive? Para conseguir esto basta con usar max-width:100%; y height:auto;

img {
    max-width:100%;
    height:auto;
}

Lo he subido a mi web para que puedas verlo en funcionamiento. Ten en cuenta que la imagen se ve distorsionada porque la he agrandado para que puedas ver mejor cómo se adapta al ancho disponible.

https://www.vpsmojo.com/ayuda_html/francesc/ 

Si pero lo que me pasa es que cuando alejo la página me acorta la imagen. La página web es la siguiente https://www.tallerinformatico.com/gruivpa/, y es la imagen que canvia cada x segundos

Me da error de certificado ssl, acepto y da error 404.

perdon es hattp://www.tallerinformatico.com/gruvipa

http perdón

Esa plantilla está rota, tiene 19 hojas de estilo y 6 archivos javascript, te recomiendo empezar de cero con código limpio y no usar wordpress. Tal y como está el código no sé decirte qué falla, sería más rápido rehacerla de cero usando HTML semántico separando la presentación en una hoja de estilo.

Sería conveniente cerrar la versión https de la página ya que esto te puede dar problemas con Google.

¡Gracias!

De todas maneras esta solo es de prueba para poder pasarla a la original. ¿Cómo seria para poderlo hacer bien?

Puse antes el código para que las imágenes se adapten al tamaño de pantalla disponible.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas