Reference number: CH000966
Creating a web page with a single background image not a tiled background.
Question:Creating a web page with a single background image not a tiled background.
Answer:To create a website with a single image as the background we recommend you use the below CSS example in your HTML code.
<style type="text/css">
<!--
BODY {
background-image: url(http://www.computerhope.com/title.gif);
background-repeat: no-repeat;
}
-->
</style>
To implement the above code in your web page copy the above lines and paste in-between the <head></head> sections of your web page. For example, on a new web f above code right after the <head> tag. If you're using a WYSIWYG web page editor you'd need to click the link or option that allows you to insert HTML code before entering the above code. Finally, this example is using a picture from Computer Hope if you wish to use your own picture replace the above bolded URL with the location of your picture.
<html>
<head>
Insert above code here
<title>Example</title>
</head>
<body>
</body>
</html>
Additional advice: Often many users want to create a single large image as their background. If you're planning on doing this keep users with slower Internet connections (large images take time to load) in mind and users running different monitor sizes and resolutions.
Additional information:- Additional information about creating a titled background but keeping it fixed so it doesn't scroll can be found on document CH000053.
| 
