Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Tables and spacing

Posted by: JGar Dec 22 2009, 08:33 AM

Hi,

I have code which inserts a table within a table. The inner table has some blank space above and below it in the cell, which I want to get rid of. Please look at the attached picture. The grid like table with 6 pictures is inserted in the bigger table. It has empty space above and below the table, which I don't want. Please advise how to change the code to remove this space.

The code looks like this:

<table id="product-info-table" border="1" bordercolor="#5A1200" height="400" width="600" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td colspan="2">
<?php print theme('imagecache', 'collection_view', $node->field_collection_image[0]['filename'], '', ''); ?>
</td>
</tr>
<tr>
<td>
<table height="200" width="300" border="1" bordercolor="#5A1200" cellspacing="0" cellpadding="0" style="background:#ffffff">
<?php
$products = array();
foreach($node->taxonomy as $termObj) {
$nodes = taxonomy_select_nodes(array('5'), 'or', 0, FALSE, 'n.sticky DESC, n.created DESC');
$count = 0;
while (($data = db_fetch_array($nodes)) && ($count < 6)) {
$n = node_load($data['nid']);
if ($n->type == 'product_info') {
$count = $count + 1;
$products[$count] = $n;
}
}
}
if ($count == '6') {
print '<tr>';
print '<td>';
print theme('imagecache', 'product_teaser', $products[1]->field_picture[0]['filename'], '', '');
print '</td>';
print '<td>';
print theme('imagecache', 'product_teaser', $products[2]->field_picture[0]['filename'], '', '');
print '</td>';
print '<td>';
print theme('imagecache', 'product_teaser', $products[3]->field_picture[0]['filename'], '', '');
print '</td>';
print '</tr>';
print '<tr>';
print '<td>';
print theme('imagecache', 'product_teaser', $products[4]->field_picture[0]['filename'], '', '');
print '</td>';
print '<td>';
print theme('imagecache', 'product_teaser', $products[5]->field_picture[0]['filename'], '', '');
print '</td>';
print '<td>';
print theme('imagecache', 'product_teaser', $products[6]->field_picture[0]['filename'], '', '');
print '</td>';
print '</tr>';
} ?>
</table>
</td>
<td>
<div margin="5" height="200" width="300" style="background:#BCBEC0;">
<?php print $node->field_description[0]['view']; ?>
</div>
</td>
</tr>
</tbody>
</table>

Posted by: pandy Dec 22 2009, 09:07 AM

Please post the URL to the page or at least copy the rendered markup (View Source) and past it in here. We can't parse PHP in our heads. wink.gif

Posted by: JGar Dec 22 2009, 09:33 AM

I have nto been able to attach the picture. Here is the rendered HTML:

<div class="content">
<table id="product-info-table" border="1" bordercolor="#5A1200" height="400" width="600" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td colspan="2">
<img src="http://localhost/drupal/sites/default/files/imagecache/collection_view/safari.jpg" alt="" title="" class="imagecache imagecache-collection_view" width="600" height="200" />
</td>
</tr>
<tr>
<td>
<table height="200" width="300" border="1" bordercolor="#5A1200" cellspacing="0" cellpadding="0" style="background:#ffffff">
<tr><td><img src="http://localhost/drupal/sites/default/files/imagecache/product_teaser/toastWordRack.jpg" alt="" title="" class="imagecache imagecache-product_teaser" width="100" height="100" /></td><td><img src="http://localhost/drupal/sites/default/files/imagecache/product_teaser/toastRack.jpg" alt="" title="" class="imagecache imagecache-product_teaser" width="100" height="100" /></td><td><img src="http://localhost/drupal/sites/default/files/imagecache/product_teaser/seaShell4.jpg" alt="" title="" class="imagecache imagecache-product_teaser" width="100" height="100" /></td></tr><tr><td><img src="http://localhost/drupal/sites/default/files/imagecache/product_teaser/seaShell3.jpg" alt="" title="" class="imagecache imagecache-product_teaser" width="100" height="100" /></td><td><img src="http://localhost/drupal/sites/default/files/imagecache/product_teaser/seaShell2.jpg" alt="" title="" class="imagecache imagecache-product_teaser" width="100" height="100" /></td><td><img src="http://localhost/drupal/sites/default/files/imagecache/product_teaser/seaSehell1.jpg" alt="" title="" class="imagecache imagecache-product_teaser" width="100" height="100" /></td></tr> </table>
</td>
<td>
<div margin="5" height="200" width="300" style="background:#BCBEC0;">
This collection is a tribute to the vast African landscape. It’s flora and fauna, it’s ways which we will cherish forever. </div>
</td>
</tr>
</tbody>
</table>
</div>


Posted by: pandy Dec 22 2009, 07:25 PM

I'm not sure I see a gap, but there are lots of errors. The inner table lacks all closing tags. I see no reason for that colspan="2". DIV can't use the attributes width, height and margin.

Use the validator and get it right first. If the gap is still there, post again and we'll have a new look.
http://htmlhelp.com/tools/validator/

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)