View Single Post

mcdanielnc89 · #1 (**permalink**) Dec 25th, 2007, 02:24

Hello again,

Now that I have gotten the layout problem fixed, I now have a table problem. It displays really big.. Like there is cellpadding or something which there isn't.. here is the link to what I'm talking about.. http://www.newbreedjesusfreaks.com/downloads

here's the html

HTML: Select all

<div style="text-align: center">
<img src="http://www.newbreedjesusfreaks.com/images/downloads.png" alt="">
<a href="/music" title="Music Downloads"><strong>Music</strong></a>
<a href="/software" title="Software Downloads"><strong>Software</strong></a>
<a href="/cgames" title="Game Downloads"><strong>Games</strong></a>
<br><br>
<div id="dlbkground">
<table class="dltable" border="5" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="tdheader">
<p>TOPIC GOES HERE</p>
</td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width: 10%" class="tdtopic">
<p>Description:</p>
</td>
<td class="tdinfo"></td>
</tr>
<tr>
<td valign="top" style="width: 10%" class="tdtopic">
<p>Version:</p>
</td>
<td class="tdinfo"></td>
</tr>
<tr>
<td valign="top" style="width: 10%" class="tdtopic">
<p>File Size:</p>
</td>
<td class="tdinfo"></td>
</tr>
<tr>
<td valign="top" style="width: 10%" class="tdtopic">
<p>Added:</p>
</td>
<td class="tdinfo"></td>
</tr>
<tr>
<td valign="top" style="width: 10%" class="atdtopic">
<p>&nbsp;</p>
</td>
<td class="atdinfo">
<img src="http://www.newbreedjesusfreaks.com/images/download.gif" alt="">
</td>
</tr>
</table>
</table>
</div>
</div>

and here's the css:

Code: Select all

#background {
    background-color: #FFFFFF;
    color: #47698D;
    font-size: 8pt;
    text-align: left;
    border-color: #0066FF;
}
#dlbkground {
 background-color: #FFFFFF;
 color: #004287;
 font-family: Arial, Verdana, sans-serif;
 font-size: 8pt;
 font-weight: bold;
}

#dltable {
 border-color: #004287;
}

.tdheader {
 font-size: 8pt;
 font-family: Arial, Verrdana, sans-serif;
 font-weight: bold;
 color: #ffffff;
 background-color: #004287;
}

.tdinfo {
 background-color: #ffffff;
 color: #004287;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 font-size: 8pt;
 font-family: Arial, Verdana, sans-serif;
 font-weight: bold;
}

.tdtopic {
 background-color: #FFFFFF;
 color: #004287;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 font-size: 8pt;
 font-family: Arial, Verdana, sans-serif;
 font-weight: bold;
}

.atdinfo {
 background-color: #ffffff;
 color: #004287;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 font-size: 8pt;
 font-family: Arial, Verdana, sans-serif;
 font-weight: bold;
 text-align: right;
}

.atdtopic {
 background-color: #FFFFFF;
 color: #004287;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 font-size: 8pt;
 font-family: Arial, Verdana, sans-serif;
 font-weight: bold;
}

.topicw {
 width: 12%;
}