How do I get an image to be 100% of the screen width, without creating a sideways scroll bar in lower screen resolution displays? Cheers Lock
Anyways around this problem. I want the image to appear 100% of the width of the screen but not 100% hight. Like as a banner?
Yes this will do it: <img src="me.gif" width="100%" /> But you shouldn't do this because the image will become distorted when the browser size is made smaller.
Then take itcn's code and just put the true height in px, and leave the width="100%" in. Remember that's 100% of its parent so it'll only go across the page if its parent does too. And, yeah, it'll stretch and distort. Is this what you want? *edit, you beat me to it wd : )
This kid who works at Yahoo (Evan Goers) discovered at some point that Mozilla supported both blink and marquee tags (it used to be I think blink for IE? and marquee for Nutscrape?), so make the HTML horror to show those tags in all their glory. Not my site in either case, just thought it was awesome. Awesome like a Troma film : ) With redneck zombies. And mullets. Are you blind yet?
Lawlz. Back on topic, lock let us know what it looks like with your code. There is one other technique that might be more what you're looking for, but it really depends on what the image is. Actually, two techniques, if it's something like a gradient you can just have a 2px-wide part of it and repeat-x, but if it's something like a photo... ah, let us know.