Google
HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Gradient background does not go all the way down page!
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
misswebnerdwithattitude



Joined: 26 May 2006
Posts: 16
Location: WA State
PostPosted: Fri May 26, 2006 12:23 am     Gradient background does not go all the way down page! Reply with quote
I'm using a gradient background on a web site. It looks great at the top, but does not go all the way down page!

I've tried a 5x100 and 9x195 size image. Do I need to create the background in a different size??

I've also played with the background repeat and margin settings but can't figure this out! I'm sure the answer is relatively simple! Question

Here is my code:
Code:

<!--
body {
   background-image:url(images/bg-grad-blue.jpg);
   background-repeat:repeat-x;
   background-position: top;
   background-repeat: repeat-x;
   margin-bottom: 100%;
}


Please help!
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8256
Location: Castle Rock CO USA
PostPosted: Fri May 26, 2006 2:33 am     Reply with quote


You have
Code:
background-repeat:repeat-x;
in there twice. The background image is only 100 pixels in length or maybe 195 pixels? And you are repeating it horizontally. The image needs to be probably around 1500 pixels in length

_________________
Corey
Loud Info | Loud Worx | Merchant Account Blog
misswebnerdwithattitude



Joined: 26 May 2006
Posts: 16
Location: WA State
PostPosted: Fri May 26, 2006 7:56 am     Reply with quote
Corey Bryant wrote:
You have
Code:
background-repeat:repeat-x;
in there twice. The background image is only 100 pixels in length or maybe 195 pixels? And you are repeating it horizontally. The image needs to be probably around 1500 pixels in length



wow Laughing thank you! i just needed to make the image LONGER duh Wink
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8256
Location: Castle Rock CO USA
PostPosted: Fri May 26, 2006 10:16 am     Reply with quote
No worries - good luck with the site!

_________________
Corey
Loud Commerce |
Loud Worx | Loud Ads
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial