Foros del Web » Creando para Internet » Diseño web »

Mini código HTML responsive para una imagen

Estas en el tema de Mini código HTML responsive para una imagen en el foro de Diseño web en Foros del Web. Hola Tengo una web hecha en Prestashop con una plantilla responsive. La web va bien en ese sentido, pero hemos añadido un pequeño módulo para ...
  #1 (permalink)  
Antiguo 03/12/2015, 12:19
 
Fecha de Ingreso: diciembre-2004
Mensajes: 400
Antigüedad: 19 años, 3 meses
Puntos: 12
Mini código HTML responsive para una imagen

Hola

Tengo una web hecha en Prestashop con una plantilla responsive. La web va bien en ese sentido, pero hemos añadido un pequeño módulo para meter un banner con una imagen muy larga a lo ancho, que no es responsive. Cuando navegas en móvil, todo se recoloca, pero ese banner ancho, se corta por la mitad y si mueves la web a la derecha, continua por fuera de la web.

No tengo casi idea de CSS, pero algo de HTML. Mi pregunta es, puedo meterle algun código para que sea "mas o menos responsive"? Creo que hay atributos de decirle que ocupe unos pixeles o un porcentaje determinado de la pantalla, pero no sé cuales son ni cual es la mejor opcion para que resulte lo que quiero hacer.

Me ayudais? =)
  #2 (permalink)  
Antiguo 03/12/2015, 16:15
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 2 meses
Puntos: 36
Respuesta: Mini código HTML responsive para una imagen

yo colocaria mm algo asi

Código HTML:
Ver original
  1. <img src ="ruta de la imagen" alt="texto alternativo" width="100%">

con eso deberia de bastar para tomar el 100% del contenedor
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #3 (permalink)  
Antiguo 03/12/2015, 18:23
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Mini código HTML responsive para una imagen

@herzbazi el width de esa manera es obsoleto.

más bien es
<img style="width: 100%">

Etiquetas: css, html, mini, responsive, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:00.