Repeating image issues

**Scud** · Feb 13, 2002 18:39

This only seems to happen in a few browsers, I've not been able to figure out the problem just yet. Its probably somthing obvious..

Basically, on pages with lots of content, as you scroll down you get the blue bar up top repeating on the bottom. Is there any way to fix this?

http://stu.aii.edu/~blh151/oc/order.html

**weirdbeardmt** · Feb 13, 2002 18:59

The "best" way is in CSS:

PHP Code:


BODY { background-image:url(back.gif); repeat: NO-REPEAT;}

**Scud** · Feb 13, 2002 19:24

forgive my ignorance, since I'm not up to date with the times in terms of web (spent too much time with director), is that bit of code you gave me CSS or PHP? How would I use this code?

**cow** · Feb 13, 2002 19:33

that code weirdbeardmt gave is css. just insert it into the <head> section of your file...like this:

Code:

<html>
<head>
<style type="text/css">
BODY { background-image:url(back.gif); repeat: NO-REPEAT;}
</style>
</head>
<body>
</body>
</html>

**Scud** · Feb 13, 2002 21:38

Thanks you two, that did the trick.

**weirdbeardmt** · Feb 14, 2002 05:58

Cool,

.

**TimNiceButDim** · Feb 17, 2002 19:29

How do you do this in a table?

**weirdbeardmt** · Feb 18, 2002 05:28

Assuming you want to put it in a <TD> or <TR>:

PHP Code:


td {BACKGROUND-IMAGE: url(background.gif); REPEAT: NO-REPEAT;}

or to just some <TD> or <TR>

PHP Code:


td.withbackground {BACKGROUND-IMAGE: url(background.gif); REPEAT: NO-REPEAT;}

then

Code:

<TD CLASS="withbackground">

If you want to apply it to the whole table, just create a new one:

PHP Code:


.background {BACKGROUND-IMAGE:url(background.gif); REPEAT: NO-REPEAT;}

then,

Code:

<TABLE CLASS="background">

User Tag List

Thread: Repeating image issues

Thread Tools

Display

Repeating image issues

Tables

Bookmarks

Bookmarks

Posting Permissions