Help - Search - Members - Calendar
Full Version: 2 backgrounds in one table
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Ayce
Here is basically what I'm trying to do.
http://darakutenshi.t35.com/
there is a top background and a bottom background. I want to be able to put content on top of them like shown in the link that I gave you.
But I don't want to have to split the content up into tables in the middle of the page.
Basically I want it set up like this.
---------------------------------------
| |
| Tilte banner |
| |
----------------------------------------
| | |
| | |
| | |
| | |
| links | main content |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
----------------------------------------
But with out enough knowledge of CSS I don't know if this can be done. I would like to keep it in all HTML if possible but if it's not then... well I'll have to do the page a different way.
Can anyone help w/ my dilemma?
Darin McGrew
Sure. You can give any element a background with CSS. It's just a matter of selecting the element you want (possibly using class and/or id attributes in your HTML, with the corresponding class and/or id selectors in your CSS).
Ayce
I figured there was a way with CSS but I know nothing about CSS.
I will have to see if I can find some tutorials that might help me do that.
So if I'm not mistaken I could do it like this.
Set up my man background with a black background as usual.
Then set up my table where the back table can have the CSS programing to tell the top banner position top center and then another file the bottom banner with a position at the bottom center of the table.
Sounds like it should be some simple code but trying to find the code on the other hand... that may be fun. But I'll check it out.
Ayce
Actually I thought about it... is there a way I could do this with CSS?
Ok still same idea where I have both a top and bottom banner that need to be in a fixed position one of course top center and then a bottom center. Everything else will be a black background color. Then on top of that I can have my frames to keep the layout clean.
Anyone have an idea as to how to arrange that with CSS?

[edit]
Oooo I think this may work I'll have to try it when I get home but
background: #000000;
background: url('banner.png') no-repeat top center;
background: url('bottombanner.png') no-repeat bottom center;

Oooo I hope this works but still have to wait to see if it works. I so need to find a book on CSS looks interesting.
Darin McGrew
Please see the FAQ entry Where can I learn about CSS?
Ayce
Yeah thanks for that link because what I found out on the web didn't help one bit. I'll try this instead.
Frederiek
Go see here too: http://www.d.umn.edu/itss/support/Training...design/css.html
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.