Hi All, I am a 72 year old retired computer systems engineer. I retired 22 years ago and I have not been very active in website design since I retired. Boy I wish css had been available when I was building websites back then. I am presently building a web site to publish a book I have been threatening to write for over 20 years and finally finished. I am too old and tired to go back and re-learn web building using css. I really do not have enough time left at age 72 to make the effort worth while. I have learned enough today to be able to use css to put a non-scrolling, fixed, single image on my page. By setting the width and height properties to 100% I am able to have the image display across the entire widith and height of my page and thus, as it is expressed in percentage, should adjust to any browser page presentation. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> img.big { height: 100% width="100% width="100% } </style> <title>test2</title> </head> <body> <img class="big" src="sunrise2.jpg"> </body> </html> I now have two problems left. How do I turn this code into a background image? How do I prevent the small blank section at the bottom of the page from adding scroll bars when they aren't necessary as when the text is fully displayed on a few lines? If anyone could help me with these two problems, I would be most appreciative. Thanks, Dick Roose There is but one, single overriding criteria for all human decisions - Is it good for the children of Earth? (509) 863-9353
Well, I don't know about the codes but if you want a image to turn into your backround .. Make a .css , If you haven already and put this body { background: #caced1 url('images/bg.gif'); * Etc * { Thats how i use .css to create a picture to my backround .
I can't catch you, buddy . Do you mean you want to use background image repeation ? Try it. <style type="text/css"> background: url('images/bg.gif') repeat-x repeat-y; </style>