Table Issue

mcdanielnc89 · #1 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%;
}

Stuart · #2 Dec 25th, 2007, 17:59

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 · #3 Jan 1st, 2008, 16:36

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 · #4 Jan 1st, 2008, 16:49

Quote:

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 · #5 Jan 2nd, 2008, 01:23

Dead link!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Strange table cell height issue	niko79	Web Page Design	16	Jun 5th, 2008 10:14
timing issue for filter table	tweakmy	JavaScript Forum	2	Nov 30th, 2007 12:48
Alignment issue in table with multiple select	peacher	Web Page Design	2	Aug 23rd, 2007 07:35
Table stretching issue in IE	simpleword	Web Page Design	1	May 26th, 2006 10:55
Need to align width of Float table with the table below	Vertabase	Web Page Design	4	Mar 8th, 2006 21:21

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Table Issue