Background problem
I want to have a background that acts like a template and conforms to what I've written like the site at slimeathlete.com did. The problem is since I have a random joke thing on my site each time the page loads a different ammount of space is needed for that section making me unable to know how much space to allow for that section. You can check it out yourself by hitting the link in my signature. How do I get a background that fits the content of my site with this problem?
Megan posted this at 13:20 — 12th April 2004.
She has: 11,421 posts
Joined: Jun 1999
I don't see a background image there, did you take it out? How did you originally try to set the background? Did you use CSS or did you use a background attribute? What tag was it applied to?
Megan
Connect with us on Facebook!
tomaine2002 posted this at 21:26 — 14th April 2004.
They have: 83 posts
Joined: Apr 2004
I used a background tag. I really dont know CSS. i just used a solid color (yellow) i made it . I want to make it a pic that contours to my page, but I dont know how
Megan posted this at 13:59 — 15th April 2004.
She has: 11,421 posts
Joined: Jun 1999
What you'll have to do is break up the graphic into sections and use tables to lay out the page and tile the background appropriately. Before you do this you're going to have to get up to speed on tables and using them for layout. HOwever, using tables for layout is an outdated mode of design. CSS is the way to go now. Switching to a CSS layout model does require some change in attitude in terms of how design and layout should work.
Megan
Connect with us on Facebook!
Megan posted this at 14:08 — 15th April 2004.
She has: 11,421 posts
Joined: Jun 1999
Actually, given the layout of the site this might be fairly simple to do:
Styles
#topsection {background-image: url(topsection.gif); background-repeat: no-repeat;}#jokessection {background-image: url(midsection.gif); background-repeat: repeat-y;}
#bottomsection { background-image: url(bottomsection.gif); background-repeat: no-repeat;}
Code
<div id="topsection">Top section with logo</div>
<div id="jokessection">Middle section with random joke</div>
<div id="bottomsection">Bottom section with links</div>
Megan
Connect with us on Facebook!
tomaine2002 posted this at 19:56 — 15th April 2004.
They have: 83 posts
Joined: Apr 2004
Thank you so much. I didn't know you could do that (I'm no pro at HTML) I'll do that ot my site once I've gotten the background pics made up.
Megan posted this at 13:57 — 16th April 2004.
She has: 11,421 posts
Joined: Jun 1999
I just want to add that you should do a little bit of reading up on CSS since that's what you'll be using to call the backgrounds. I hope this works - I just did a mimimal test on it so there might be a few issues.
Megan
Connect with us on Facebook!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.