Avisos
Vaciar todo

Mal funcionamiento propiedad max-with en css...  

 
Raúl Ramón Val
 Raúl Ramón Val
Noble Member

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

Citar
Respondido : 26/08/2014 1:10 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 26/08/2014 6:01 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Raúl Ramón Val
 Raúl Ramón Val
Noble Member

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

ResponderCitar
Respondido : 27/08/2014 12:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a agregar un código CSS como el siguiente:

#banner_superior {
height: 40px;
}
ResponderCitar
Respondido : 27/08/2014 4:00 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Raúl Ramón Val
 Raúl Ramón Val
Noble Member

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...

ResponderCitar
Respondido : 27/08/2014 6:26 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 27/08/2014 7:58 pm

Cursos Gratuitos WordPress