Table Issue

[mcdanielnc89]

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%;
}

[Stuart]

The URL you posted returns a 403 error!

For your table, try adding this:

Code: Select all

#dltable {
 border-color: #004287;
 padding:0;
 margin:0;
}

That may solve the issue.

[masonbarge]

Your page isn't up. In general, though -- why are you using a table at all? Just use div's. It's a lot faster to load and gives you more control.

Something like 99% of the tables I see are a mistake.

[MikeHopley]

Originally Posted by masonbarge

In general, though -- why are you using a table at all? Just use div's. It's a lot faster to load and gives you more control.

Something like 99% of the tables I see are a mistake.

He's using a <table> to display tabular data. This is the correct use of a <table>.

Using <div>s to fake tables is "unsemantic" (and just plain daft).

[Monie]

Dead link!