Quick HTML Help

by 1 replies
1
Hey I have an image and I want it to be the background (it is a screenshot) so it will act sort of like an iframe. I dont want to use an iframe because i want to put a popup on the click of the image.

My question is, how do you make the image resize with the users screen size? So it looks realistic.
#website design #html #quick
  • just a crude idea.
    you could use a css something like this.

    body {
    background-image:url(../images/yourimage.jpg);
    background-repeat:repeat-x;
    background-position:top;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    min-height: 100%;
    width:100%;
    }
    now you have a full image in your backgound page the bigger the image the better so it will not tiles up when the screen resolution is bigger something like 1600px, make sure you optimize your image for loading purposes.
    Hope is this what you want
Join the discussion

Next Topics on Trending Feed

  • 1

    Quick HTML Help

    Hey I have an image and I want it to be the background (it is a screenshot) so it will act sort of like an iframe. I dont want to use an iframe because i want to put a popup on the click of the image. My question is, how do you make the image resize with the users screen size? So it looks realistic.