Jump to content

Badly need someone to help me on this homepage's images not showing properly


PasleChoix

Recommended Posts

Hello Gurus,

I have a homepage here: http://venushomedesign.com/ . Here are the issues:

1. The banner is not displayed completely on my screen (21", 1920x1280)

2. from a Mac it shows completely twisted: not only banner is showing only the middle 2/3 part of the banner, but all the thumbnail pictures are not in the original ratio (squeezed)

I have attached two screenshots here for the reference.

It would be greatly appreciated if someone can help me to sort it out, thank you very much in advance.

 

screenshot_from_desktop.jpg.png

Link to comment
Share on other sites

If you set min-height and that height is not proportional to the image, cover will increase in height AND width till it fills completely the container height, this will cause left/right edges of background image beyond that of container edges, clipping it down.

Might be better to use img tag rather than background image, as you can set it to 100% width, height auto; and let it control the height of its containing element.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...