Dreamweaver - What's wrong with this table?

Author

What's wrong with this table?

David B

2005-03-28, 6:29 pm

Do you see anything wrong this table? The entire table has over 200
rows, sortable by either PHP or JavaScript. It works fine, but if I use
CSS to render certain rows invisible, it throws the alignment out of
whack; the cells are offset by several pixels from the cells in the rows
above and below them.

But I can't find anything wrong in the source code.

<table class="sortphp_ref" id="Table2" style="margin-left: auto;
margin-right: auto; font-size: 85%;">
<thead>
<tr class="trhead">
<th onclick="java script:tsoSortTable('Table2',0,'AT');">Name</th>
<th onclick="java script:tsoSortTable('Table2',1,'ND');"
style="background: #666; color: #fff;">Total</th>
<th onclick="java script:tsoSortTable('Table2',2,'ND');"
style="background: #666; color: #fff;">Land</th>
<th
onclick="java script:tsoSortTable('Table2',3,'ND');"style="background:
#666; color: #fff;">Water</th>
<th onclick="java script:tsoSortTable('Table2',4,'AT');">Comparative
Area</th>
<th onclick="java script:tsoSortTable('Table2',5,'AT');"> </th>
</tr>
</thead>

<tbody>
<tr class="afr" id="ago" style="background-color:">
<td class="tdname" style="width: 15%;">Angola</td>
<td class="numeral" style="border-right: 1px dashed #000; width:
10%;">1,246,700</td>
<td class="numeral" style="background: #cfc; border-right: 1px dashed
#000; width: 10%;">1,246,700</td>
<td class="numeral" style="background: #cff; border-right: 1px solid
#000; width: 10%;">0</td>
<td class="left">slightly less than twice the size of Texas</td>
<td class="left" style="font-size: 200%;"></td>
</tr>
</tbody>
</table>

--
http://www.geobop.org/ (Geobop) | http://www.geoworld.org/ (GeoWorld) |
http://www.geozoo.org (GeoZoo) |
http://www.geosymbols.org (GeoSymbols) | http://www.politix.us/ (Kids'
Politix) |
http://geowebworks.geobop.org/ (Ethical Web Design) |
http://www.freedomware.us/ (Open Source Activism)

Kramerica Industries

2005-03-28, 6:32 pm

It might help if we had a URL to see what you are talking about. Your code
here shows 1 header row & 1 data row, and the css is not present.

"David B" <webmaster@geobop.org> wrote in message
news:d2989r$lk8$1@forums.macromedia.com...
> Do you see anything wrong this table? The entire table has over 200 rows,
> sortable by either PHP or JavaScript. It works fine, but if I use CSS to
> render certain rows invisible, it throws the alignment out of whack; the
> cells are offset by several pixels from the cells in the rows above and
> below them.
>
> But I can't find anything wrong in the source code.
>
> <table class="sortphp_ref" id="Table2" style="margin-left: auto;
> margin-right: auto; font-size: 85%;">
> <thead>
> <tr class="trhead">
> <th onclick="java script:tsoSortTable('Table2',0,'AT');">Name</th>
> <th onclick="java script:tsoSortTable('Table2',1,'ND');" style="background:
> #666; color: #fff;">Total</th>
> <th onclick="java script:tsoSortTable('Table2',2,'ND');" style="background:
> #666; color: #fff;">Land</th>
> <th onclick="java script:tsoSortTable('Table2',3,'ND');"style="background:
> #666; color: #fff;">Water</th>
> <th onclick="java script:tsoSortTable('Table2',4,'AT');">Comparative
> Area</th>
> <th onclick="java script:tsoSortTable('Table2',5,'AT');"> </th>
> </tr>
> </thead>
>
> <tbody>
> <tr class="afr" id="ago" style="background-color:">
> <td class="tdname" style="width: 15%;">Angola</td>
> <td class="numeral" style="border-right: 1px dashed #000; width:
> 10%;">1,246,700</td>
> <td class="numeral" style="background: #cfc; border-right: 1px dashed
> #000; width: 10%;">1,246,700</td>
> <td class="numeral" style="background: #cff; border-right: 1px solid
> #000; width: 10%;">0</td>
> <td class="left">slightly less than twice the size of Texas</td>
> <td class="left" style="font-size: 200%;"></td>
> </tr>
> </tbody>
> </table>
>
> --
> http://www.geobop.org/ (Geobop) | http://www.geoworld.org/ (GeoWorld) |
> http://www.geozoo.org (GeoZoo) |
> http://www.geosymbols.org (GeoSymbols) | http://www.politix.us/ (Kids'
> Politix) |
> http://geowebworks.geobop.org/ (Ethical Web Design) |
> http://www.freedomware.us/ (Open Source Activism)