Stop repeating backgrounds
So you have discovered the good old background image and are expiermenting with your website design, but the background image repeats across the whole screen, some people want to achieve this background effect, but what if you don't?
Simple, just set the background image to not repeat using CSS [Define]. If you've never used CSS don't worry you'll find this easy. View the html of the web page you want to change and replace the <body> tag with the below...
<body style="background:url(image.jpg) no-repeat;">
Change image.jpg to the file name of your image and make sure the image is in the smae folder as your web page.
If your a little unsure of editing and adding raw html read this...
Adding HTML to your web page
If the word tag and <body> confused you read this...
HTML tags what are they?
If you did that easily learn other web design tricks.
Simple, just set the background image to not repeat using CSS [Define]. If you've never used CSS don't worry you'll find this easy. View the html of the web page you want to change and replace the <body> tag with the below...
<body style="background:url(image.jpg) no-repeat;">
Change image.jpg to the file name of your image and make sure the image is in the smae folder as your web page.
If your a little unsure of editing and adding raw html read this...
Adding HTML to your web page
If the word tag and <body> confused you read this...
HTML tags what are they?
If you did that easily learn other web design tricks.
posted by giantmouse at
Tuesday, May 09, 2006
0 Comments:
Post a Comment
<< Home