View Single Post
Old 26-10-2009, 11:26   #5
JediMaster
Inactive
 
JediMaster's Avatar
 
Join Date: Jan 2004
Location: Swansea
Posts: 1,376
JediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these partsJediMaster is just so famous around these parts
Re: Table CSS (Image/Background) Help....

Quote:
Originally Posted by webcrawler2050 View Post
Is it absolutly necessary to use tables?
No not really. I just used Tables to test stuff.


Quote:
Originally Posted by punky View Post
Right I think I have it now. You want a background at the back, and image on top of that and then a table on top of that?
Yes thats about it I have uploaded a DEMO at http://www.suziperry.tv/test/css.htm of what your code is. Also @ http://www.suziperry.tv/test/ is what I want it to look like

Your CSS had Height tag, I dont know how high each page would be, so would prefer it to not have height. Also needs to be Centre.

Only other way I can think of, is to make my Top Image 900x390_Top.jpg 1000 pixel High (or larger) then just use 1 image (no need to overlay 2x

---------- Post added at 10:26 ---------- Previous post was at 09:15 ----------

Just worked out a way with DIV Tags & CSS. Not the Best way maybe, but it does what I want. http://www.suziperry.tv/test/box.htm

Code:
a.box {
    padding-left: 3px;
    font-weight: bold;
}
div.moduletable h3, div.box h3, div.box-dark h3 {
  margin: 0;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1.0em;
  margin-bottom: 5px;
  padding-left: 0px;
}

div.box {
  width: 900px;
  background: url(BG_100.jpg) repeat-y;
  margin-bottom: 2px;
}

div.box div {
  background: url(BG_Bottom.jpg) bottom left no-repeat;
}

div.box div div {
  background: url(900x390_Top.jpg) top left no-repeat;
  padding: 7px 3px 7px 2px;
}

div.box div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%;
}

a.box {
    padding-left: 1px;
    font-weight: bold;
}
div.module2 table h3, div.box2 h3, div.box2-dark h3 {
  margin: 0;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1.0em;
  margin-bottom: 5px;
  padding-left: 0px;
}
JediMaster is offline   Reply With Quote