Jump to content

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

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.



Share this post

Link to post
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.

Share this post

Link to post
Share on other sites

Thank you very much, can you provide the code here? if this can be applied to the banner, what about the thumbnails? they are not background images.

Edited by PasleChoix

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...