background showing as stripes

steniklin

New Member
Can someone please help me i have a web site www.teessidehornets.co.uk and the back ground is shown as stripes. The background should look like its fading colour what is the problem.
 

Attachments

  • BACKGROUND.jpg
    BACKGROUND.jpg
    4.5 KB · Views: 29
Last edited:

PixelPusher

Super Moderator
Staff member
Your website link is down. First guess, what type of image format did you save it in? A "GIF" will create banding, which in this case would be horizontal lines.
 

PixelPusher

Super Moderator
Staff member
you dont have it set through css.

instead of having this:
HTML:
<body text="#000000" bgcolor="#ffff00" background="wpThumbnails/BACKGROUND.jpg" __addcode="PageInBodyTag" style="text-align: center; height: 1000px;">

Do this:

HTML:
<body style="text-align: center; height: 1000px; background:#FFFF00 url(wpThumbnails/BACKGROUND.jpg) top left; color:#000" __addcode="PageInBodyTag" >
 

PixelPusher

Super Moderator
Staff member
Do you use the developer toolbars for IE and FF? the one for FF is called FireBug.

When I look at your code it says that the image is only 94 x 71 pixels. That would explain why it is repeating. What you should do (if you want it to be one big gradient) is make the image 800+ pixels high and 1 pixel wide. Then just have it repeat on the x axis (repeat-x)
 

PixelPusher

Super Moderator
Staff member
I see you fixed the background image...congrats looks a lot better. Your code does need some cleaning though....

to start the hornets emblem should be put into a div and aligned with positioning not by adding all those empty P tags above it.

What code did you need help with?

I could show you a much easier way to layout this whole site if your interested.
 
Top