HTML Help

sumncguy · Joined: 21 Aug 2008 Posts: 3

Im a rookie ... learning HTML from this site info.

I have a index.html that sets up frames and calls a sidebar.html and main.html.

The background on the main.html is a picture/photo. It looks great on my desktop, but when I look at it on my laptop, a wider screen format, I see the background, lets say, one and a quarter times.

How do I fix that ?

Thanks
[/img]

sticks464 · Joined: 31 Dec 2006 Posts: 1283

Use the no-repeat css to stop image from repeating in wider screens
Code: body {background: url(myImage.jpg) no-repeat;}
or if using inline css
Code: <body style="background:url(myImage) no-repeat;">

sumncguy · Joined: 21 Aug 2008 Posts: 3

Yes thanks. I tried that but then get white space where the one quarter of the image used to be.

sticks464 · Joined: 31 Dec 2006 Posts: 1283

For now set a background color to show where the image ends
Code: body {background: #000000 url(myImage.jpg) no-repeat;}
#000000 being the hex code for the color black.

I am not on my computer at this time or I would give you the code to scale the background image or to fix the image so it does not scroll with the content.

It's one of the problems faced with todays wide screen monitors, we never know what screen size or resolution sites will be viewed.