1

I have designed a responsive Cms page Although, When I Add the Css to html inside and save the page footer expands and 2 of the header buttons drop slightly Any solutions For an Example please see url. http://www.villalife.co.uk/abc

Any help would be greatly appreciated.

5
  • 1
    Can you provide a screenshot of what's happening pls? Dec 5 '16 at 14:32
  • 1
    Please avoid using link shorteners - for a good reason why (i.e. the link can point anywhere), see this link.
    – Wai Ha Lee
    Dec 5 '16 at 14:34
  • Julien It wont allow me to upload screen shot. As you will be able to see from the url Footer has expanded and 2 buttons in header have dropped.
    – Rich M
    Dec 5 '16 at 14:35
  • Apologies, www.villalife.co.uk/abc
    – Rich M
    Dec 5 '16 at 14:37
  • Any other Ideas?
    – Rich M
    Dec 6 '16 at 11:18
1

For responsive pages you cannot set a width and height to a specific pixel, no matter what screen resolution you view the page at the image will always be height:653 and width:980. You need to set your width to 100% and height to auto.

Setting the width 100% will keep the image inside the block its in.

this:

<img title="404 Error page" alt="404 Error" src="http://www.villalife.co.uk/media/wysiwyg/WYSIWYG/404_Error.jpg" height="653" width="980">

should be this:

<img title="404 Error page" alt="404 Error" src="http://www.villalife.co.uk/media/wysiwyg/WYSIWYG/404_Error.jpg" height="auto" width="100%">

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.