Requesting Help with Content boxes

[Waffles]

First off;  Whats up   It's me Waffles for Team BABS
You guys rock, i always have a good time on the pub, even if i miss some shots and flip my desk over in a fit of rage. but that happens anywhere. haha

Anyways, down to business:

I'm creating a site for BABS, im using Joomla w/ templates and what not. Now i created my own Content Box in photoshop. I had a friend of mine that works on sites for a living try to incorporate the new box into the site. Thing is, he could only get to top and middle portion of the box to show up and work correctly. All the boxes on the site now dont have a bottom and just look unfinished.  I have absolutly now idea how to even start to try to finish the boxes. I asked him before for some ideas because he's very busy atm. He told me to look at the parsed files and that would lead me to find how to edit and finish the boxes. That bit of information didnt help me at all lol. I hope it helps you help me   Right so anyways, i have these content boxes i need help just getting finished. I was hoping you guys had some ideas to help me , or could maybe walk me through it. I have the photoshop file along with a .jpeg of the box on the sites ftp. And He got 75% of it working, but the bottom portion just wouldnt work for him i guess but then he got busy like it said.

Thanks for taking the time to help

Waffles

[Latro]

Anyone got any ideas? I know that since its within joomla it can be a bit more complicated than standard edits.  But, how would you fix this is if it wasn't in Joomla.  ?

[Waffles]

well i honestly dont think the Joomla part has anything to do with this because Joomla doesnt make it easy to change content boxes, actually i dont see any options to do that. So i know we have to edit php files. I got a little training on this and i know you have to make a small image or like 5 pixil line or some junk and then in html code tell it how to use that to finish the box or whatever. Thats only idea i have on how to fix this.  I asked him  and like i said in first post he told me to look at parsed files or something.  lol so yeah im stuck.

[Gidgidonihah]

I'd need code and examples to be able to help you.

[Waffles]

right but i dont really know what code you want. lol Theres a ton of files on the forum.. you just want the index.php?  I didnt think that had the correct info because i browsed it once and didnt see anything linking to the content box image or what not. I dont think i should paste that whole code in here but if you want i can send you a copy or something.

[Waffles]

so searching around the CSS file i found this:

table.moduletable tf {
   background: url(../images/moduletable_bottom_bg.png) no-repeat;
   color: #ffffff;
   text-align: center;
   padding-top: 4px;
   padding-left: 4px;
   height: 36px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
}

That is the section that ref the bottom part, but for somereason it doesnt work. 
here is the top and middle codes:

Top:
table.moduletable th {
   background: url(../images/moduletable_top_bg.png) no-repeat;
   color: #ffffff;
   text-align: center;
   padding-top: 4px;
   padding-left: 4px;
   height: 36px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
}

Middle/Main:
table.moduletable td {
   background: url(../images/moduletable_main_bg.png) repeat-y;
   font-size: 11px;
   padding: 10px;
   margin: 0px;
   font-weight: normal;
   border-bottom-style: solid;
   border-bottom-color: #333333;
   border-bottom-width: 1px;
}


and the bottom code that i posted first.. seems to be fine but for some reason it doesnt work.  The image, moduletable_bottom_bg.png  is in the image folder just like the rest of it. But i dont understand why it wont work.

[Latro]

some more details for you developers out there.

IF you go to www.teambabs.com (Underdevelopment I've been told) you'll notice the content boxes on the sides.. The bottom image isn't loading for any of them.. Thats the problem they're having.

[Waffles]

correct

and the 3 sets of code  are the top portion middle and bottom of the content box, The bottom code looks fine to me but yet it still doesnt work.

[Mongoose]

I have no experience with this, but I decided to be a nice guy and look around.  And it looks like your trying to define a table footer, table.moduletable tf which does not appear to be an option you have with moduletable.

I could not find anyone using that little piece of code "table.moduletable tf" and the various how to sites I perused only talked about table.moduletable th (header) and table.moduletable td (data) but no footer.

Do you have a url for a site that is using a similar module?

[Waffles]

no i dont,  Like i said i had a friend of mine that does websites for a living work on that part. Not sure why that one part wont work but the top and middle work. Just doesnt make sense

[jaminz]

That makes about as much sense as a bicycle built for two built for one.

[Waffles]

table.moduletable {
   width: 100%;
   margin-bottom: 5px;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: collapse;
}

table.moduletable th {
   background: url(../images/moduletable_top_bg.png) no-repeat;
   color: #ffffff;
   text-align: center;
   padding-top: 4px;
   padding-left: 4px;
   height: 36px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
}

table.moduletable td {
   background: url(../images/moduletable_main_bg.png) repeat-y;
   font-size: 11px;
   padding: 10px;
   margin: 0px;
   font-weight: normal;
   border-bottom-style: solid;
   border-bottom-color: #333333;
   border-bottom-width: 1px;
}

table.moduletable tf {
   background: url(../images/moduletable_bottom_bg.png) no-repeat;
   color: #ffffff;
   text-align: center;
   padding-top: 4px;
   padding-left: 4px;
   height: 36px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
}


.module {background: url() no-repeat; padding: 2px;}

.module div {background: url(../images/moduletable_bottom_bg.png) no-repeat 100% 100%;}

.module div div {background: url(../images/moduletable_main_bg.png) repeat-y 50% 50%;}

.module div div div {background: url(../images/moduletable_top_bg.png) no-repeat top center;}

.module div div div div {background: url(../images/moduletable_bottom_bg.png) no-repeat bottom center;}




Does that look correct to anyone know knows html?   Thats the full section of code that corresponds to the Content box section.
Top and Middle works, but the bottom doesn't

[Latro]

Do you have a link to the original content box before you made adjustments?

[Waffles]

nope, i bet i could go find the template again somewhere and maybe the original css file will be there.