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.
|
