HTML or CSS - How do I make a background image to follow my scroll down a page?
101370
in HTML, Add the following to the <body> tag:\n\nbgProperties=fixed\n\nYour <body> will be similar to this:\n<BODY bgProperties=fixed background="Pic.jpg">
391826
i put a similar peice of code on here the other day for scrolling text however it can be modified for an image. try this, youll need to resize scrolling placeholder however. \n\n<html>\n<head>\n<style>\nspan\n{\nfont:12px arial;\nbackground:#ffcc00;\nposition:absolute;\nwidth:100;\nheight:500;\ntop:100;\nclip:rect(0 100 100 0);\n}\n</style>\n<script type="text/javascript">\nvar interval\nstartPosition=0\ntopPosition=100\nendPosition=100\nspeed=50\n\nfunction scrollit()\n{\nif (startPosition!=200)\n{\nstartPosition=startPosition+1\ntopPosition=topPosition-1\ndocument.getElementById('display').style.clip="rect(" + (startPosition + 1) + " 100 " + (startPosition + endPosition) + " 0)"\ndocument.getElementById('display').style.top=topPosition\ninterval=setTimeout("scrollit()",speed)\n}\nelse\n{\nstartPosition=0\ntopPosition=100\nendPosition=100\ninterval=setTimeout("scrollit()",speed)\n}\n}\n\nfunction stopinterval()\n{\nclearTimeout(interval)\n}\n</script>\n</head>\n\n<body onLoad="scrollit()" onUnload="stopinterval()">\n<span id="display"><br /><br /><br /><br /><br /><br /><br />\n<img src="../My Documents/MySite/Images/BMW M62.jpg"> <br />\n</span>\nscrolling picture\n</body>\n</html>
1023864
Try these:\n\nhttp://www.codeproject.com/html/cssbeginner.asp\nhttp://www.yourhtmlsource.com/stylesheets/introduction.html\nhttp://www.tizag.com/cssT/index.php
935359
Set the background colour for the whole page as green (example #006633).\n\nThen create an orange image that is the exact height of the part you want orange and make it 5px wide (example) and have it repeat across the width of the page.\n\n<style type="text/css">\nbody {\n  background: #006633 url(orange.jpg) repeat-x;\n}\n</style>\n\nIn the code I have set the background of the page to green, then told the page that it will have an image over the top of that and that the image will repeat horizontally.\n\nThis code either needs to be an a style sheet or placed in the <head> tags of your html page.\n\nThere are a few different ways this can be done though.
268053
If you're talking about your PC backgound:\nRight click on your desktop > Select Properties > Select Desktop tab > choose the correct Background\n\nIf you're talking about your web home page:\nFrom the toolbar > Select Tools > Internet Options > General tab > type in the correct web address under home page.\n\nOR...\n\nGo to the website that you want as your home page > Select Tools > Internet Options > General tab > Click "Use Current"
262410
here is my process for getting an image background:\n\nfind an image on google that you like, i dont know what you are looking for. and then right click it and save the picture. then go to photobucket.com and upload the image there then go to http://www.mygen.co.uk/ and when it asks for a picture url, go to photobucket and copy the URL box right under the picture. and create a layout. my suggestion is that you find an image that would look good tiled OR find an image that would look good centered/ full screened. customized all you want!
1010046
Yes. Take a screen shot of the website's homepage and the save that to your comupter. Then you can set the background image to that saved image.
175686
Write a simple page that uses your css. Call it whatever.html and run it through your web browser.\n\nRight click on the file and choose 'open with', if you cant just double click it.
478194
You can do it with JavaScript:\n\n<HEAD>\n<SCRIPT>\n  var backgroundset=false;\n\n  function fixedBackground(url)\n  {\n    if(!backgroundset)\n    {\n      document.body.style.overflow = 'hidden';\n      document.body.style.padding = '0px';\n      document.body.style.margin = '0px';\n\n      var overlay = document.createElement('DIV');\n      overlay.style.position = 'absolute';\n      overlay.style.top = '0px';\n      overlay.style.left = '0px';\n      overlay.style.height = '100%';\n      overlay.style.width = '100%';\n      overlay.style.overflow = 'auto';\n\n      overlay.innerHTML = document.body.innerHTML;\n      document.body.innerHTML = '<img id="background" height="100%" width="100%" src="' + url + '" style="left: 0; bottom: 0; right: 0; top: 0; z-index: 0" />';\n\n      document.body.appendChild(overlay);\n\n      backgroundset=true;\n    }\n    else\n      background.src=url;\n  }\n</SCRIPT>\n\nThen in the BODY add:\n\nonLoad="fixedBackground('background.jpg');">
66651
There is no Stretch-to-Fit like on a Windows Desktop. Basically you have two options. The first is to pick a small background that looks good when it's tiled. Because that's what the browser will do.\n\nThe second option is to create a relatively large background, let's say 1280 X 1024 and set the BGPROPERTY = "FIXED". This will cause a significantly slow load time for your page. A better solution is to make a gradient background that is 5 X 1024. It will get tiled as in above but it is small and will load quickly.
1004066
import picture and write text at him\n\nInsert a picture from clip art or a file on your computer or from a floppy. \nResize the clip art to fill as much of the page as you want. \nIt is a good idea to center align the picture and make it large enough to cover the entire page\n\nWith the picture selected - click on the “Image Control Icon”  \nAnd Choose “Watermark” \nNow with picture still selected click on the “Text Wrapping Icon”  \nAnd choose “Behind Text” \n\n\nClick in the white area – outside of the graphic. And begin typing on the page. \nHere you can find the detailed with pictures illustrated on below link
864703
You mean like a caption?  Try:\n\n<div style="width: 100px; background-color: #333; text-align: center; padding: 5px;">\n<img width="100" src="your-image-url-here" />\n<p style="color: #fff;">Your text here.</p>\n</div>\n\nIf you want to wrap text around an image, try:\n\n<p>\n<img style="float: left; display: inline; margin: 0 10px 10px 0;" src="your-image-url-here" />\nYour text here.\n</p>
259311
you need to slice it...\nPhotoshop and Image can then generate the html for the page to work...
674212
ummm...try chasebadkids.com...they usually ave pretty good backgrounds/layouts.
791408
www.whateverlife.com has a lot of backgrounds too. It also has comment boxes, banners, html codes and more. The tutorials show you how to do everything imaginable. It explains how to use the codes and where to put them.
261387
Note that this code will only work in Internet Explorer.\n\nTo alter the scrollbar color, you need to use stylesheets (CSS). Put them in your <head>, like this...\n\n<html>\n  <head>\n    <title>My Page</title>\n    <style type="text/css">\n      /* STYLES HERE */\n    </style>\n  </head>\n  <body>\n    Welcome to my page!\n  </body>\n</html>\n\nOkay. Now. I would recommend going to "Nutrockers Scrollbar CSS Style Engine," here: http://www.nutrocker.co.uk/scrollbarcolor.html\n\nThat will allow you to get the right colors without having to experiment a ton.\n\nRemember that you can not set the scrollbar in browsers such as Firefox without using Flash... but those scrollbars are generated within the Flash embed anyway, so it doesn't really count.\n\nTry these links for more info:\nhttp://www.htmlgoodies.com/beyond/css/article.php/3470421\nhttp://www.websitetips.com/info/css/scrollbars.shtml
912380
<textarea style="background-image: url(FILEPATH);">