[SOLVED] Putting CSS with an HTML Table.

mcdanielnc89 · #1 Nov 1st, 2007, 17:52

Hey guys,

I told myself i waas not going to ask, but I cannot get this to work. I've tried messing around with it and everything.
Anyhow,

I'm trying to style the table and things in it and the CSS I have used is...

HTML: Select all

#downloadbkground {
 background-color: #FFFFFF;
 color: #47698D;
 font-size: 8px;
 font-weight: bold;
 text-align: left;
} 
.dlbkground {
 background-color: #333399;
 font-family: Tahoma, Ariel, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 text-align: left;
}
td.dltopic {
 width: 100%;
 
}
td.dlimage {
 width: 100%;
 
}

And the Page HTML is...

HTML: Select all

<div style="text-align: center">
<div id="downloadbkground">
<table class="topic" border="5" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="dlbkground">
<p>TOPIC GOES HERE</p>
</td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="dltopic" valign="top" style="width: 12%">
<p>Description:</p>
</td>
<td class="dltopic"></td>
<td class="dlimage">
<img src="http://www.newbreedjesusfreaks.com/images/download.png" alt="Download"></td>
</tr>
<tr>
<td class="dltopic" valign="top" style="width: 12%">
<p>Version:</p>
</td>
<td class="dltopic">&nbsp;</td>
</tr>
<tr>
<td class="dltopic" valign="top" style="width: 12%; height: 19px;">
<p>File Size:</p>
</td>
<td class="dltopic" style="height: 19px"></td>
</tr>
<tr>
<td class="dltopic" valign="top" style="width: 12%">
<p>Added:</p>
</td>
<td class="dltopic">&nbsp;</td>
</tr>
</table>
</tr>
</table>
</div>
</div>

I may have made a simple mistake but I haven't found it yet. If anyone can help me or point me in doing something better it's very much appreciated.

To see this in action CLICK HERE.

MikeHopley · #2 Nov 1st, 2007, 18:32

Could you describe how it is not working? What's wrong?

You might want to validate your CSS. You have two errors.

Marc · #3 Nov 1st, 2007, 18:34

Same as Mike... I am looking at it in Firefox, and don't see any problems!

mcdanielnc89 · #4 Nov 2nd, 2007, 04:39

Yea the problem was me. (Like always) I had some things backwards, lol...

Thanks for the help in looking on your end.

*Thread Solved*

Monie · #5 Nov 2nd, 2007, 05:02

Same old mcdanielnc

mcdanielnc89 · #6 Nov 2nd, 2007, 05:06

lol. i am now trying to get a piece of table to go to the right. it has an image in it but no luck . haha. i will figure it out soon. haha.

Monie · #7 Nov 2nd, 2007, 05:13

You might try creating your table in a WYSIWYG application (such as Frontpage or Expression Web) to see the real time of how your table layout looks like before putting any image or stuff inside them

I think you have some missing <tr> <td> somewhere there!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
putting a forum into a table cell?	GeekyBabe	PHP Forum	9	Jan 30th, 2008 09:45
Need help in clone html table	bryanpung	JavaScript Forum	1	Jun 15th, 2007 14:12
html table design help	antony	Web Page Design	6	Mar 12th, 2007 16:32
Putting css in an html page.	masonbarge	Web Page Design	27	Feb 7th, 2007 22:28
Putting a scroll bar in a table in dreamweaver	Diablo	Web Page Design	6	Jan 16th, 2007 19:16

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Putting CSS with an HTML Table.