Avisos
Vaciar todo
Tengo un problema en varias webs basadas en gantry con la propiedad max-width de las imagenes. en concreto en la zona superior de banners DOMICILIO-HORARIO-EMAIL-TELEFONO-CITA PREVIA, la propiedad no funciona bien ya que no me saca el tamaño completo de las fotos ne las redimensiona y las hace mas pequeñas lo que hace que me aparezcan dos barras entre los banners cuando las dos barras se deberían juntar y parecer solo una.
Entiendo que la propiedad max-with debería sacar la dimension total de la imagen y no recortarla. El tamaño de las imagenes esta preparado para que rellene el ancho de la web al 100% si las sacamos con su tamaño original
mal:
BIEN
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 26/08/2014 1:10 pm
Hola,
La propiedad CSS max-width sirve para fijar el ancho máximo que puede tener una imagen. Normalmente se utiliza para adaptar el tamaño de una determinada imagen al espacio disponible, sobre todo cuando este puede ser variable.
En el caso de tu menú parece que el problema viene causado por el hecho de que la imagen en cuestión ocupa una espacio mayor del 100% debido a márgenes y rellenos que se aplican en los elementos del menú.
Podrías probar a corregir esto agregando el siguiente código en alguna de las páginas CSS que se carguen en tu web:
#banner_superior img {
max-width: none !important;
}
Es posible que esto funcione.
Respondido : 26/08/2014 6:01 pm
Muchas gracias Pablo, funciona correctamente. En la web http://www.jamonespenarroya.com tengo el mismo problema y lo he resuelto como me has comentado, sin embargo, me aparece una linea blanca entre los banners y el slider que no encuentro la forma de quitarla.
Si hago la web mas pequeña(tamaño smarthphone mas o menos) esta banda blanca no aparece.
Por favor si es posible me gustaría que os fijaseis si es posible eliminar esta banda blanca.
Saludos
Respondido : 27/08/2014 12:19 pm
Hola,
Prueba a agregar un código CSS como el siguiente:
#banner_superior {
height: 40px;
}
Respondido : 27/08/2014 4:00 pm
Gracias Pablo, la propiedad que me has pasado tiene el problema de que funciona bien cuando se ve a modo de navegador completo, pero si haces pequeña la web(responisve) como si fuese de un tamaño de un smarthphone, los banners tienen un comportamiento extraño y se solapan con el slider inferior...
Respondido : 27/08/2014 6:26 pm
HOla Raúl
Entiendo que estas realizando cambios ya que actualmente veo que el menú aparece en dos líneas e igualmente aplicando el estilo anterior no se vería bien cuando lo ves en una pantalla grande.
Saludos.
Respondido : 27/08/2014 7:58 pm
