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?
- aPaddedCell © Copyright 2006-2008 InterMedia. Site and all articles (unless otherwise specified) licensed under a Creative Commons License. Icons based upon the Tango icon set by various artists.
- All trademarks and copyrights on this page are owned by their respective owners. Forum posts are owned by the individual posters.
Megan posted this at 13:20 — 12th April 2004.
She has: 10,306 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
My web design blog
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: 10,306 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
My web design blog
Megan posted this at 14:08 — 15th April 2004.
She has: 10,306 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;}
'The repeat-y command tells that background to repeat as long as it covers the contents of the div. The other two won't repeat at all, so you'll want to make sure that the graphics cover the area appropriately.
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
My web design blog
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: 10,306 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
My web design blog