Solved

background image repeats on scrolling page...

Posted on 2003-11-24
3
274 Views
Last Modified: 2010-04-09
OK, I have this page...

http://www.new-hire.com/newhire/maybe.asp

How can I prevent the image in the <body> tag from repeating on the scrolling pages like the one above?

Thanks!
Dark Magneto
0
Comment
Question by:darkmagneto
  • 2
3 Comments
 
LVL 29

Accepted Solution

by:
coreybryant earned 250 total points
ID: 9811693
It seems that you want the background image to repeat horizontally & not vertically?  You can also then cut down on the background image some.  Instead of using it in the BODY tag, put this in the <HEAD>:

<style type="text/css">
body
{
background-image: url("../img/subback.gif");
background-repeat: repeat-x
}
</style>

That will have the background image repeat horizontally & that it is.  http://www.w3schools.com/css/css_background.asp

-Corey
0
 
LVL 8

Expert Comment

by:xabi
ID: 9811710
add this in the head section:


<STYLE type="text/css">
       BODY {
         background: white url("../img/subback.gif");
         background-repeat: repeat-x;
       }
</STYLE>


and delete the background image from your body tag.

xabi
0
 
LVL 8

Expert Comment

by:xabi
ID: 9811715
sorry ... crossposting

xabi
0

Featured Post

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question