...

View Full Version : Cannot reduce blank space between table rows: Drupal/CkEdit issue maybe?



ExpertAlmost
02-04-2012, 06:40 AM
Good morning!

I've got the following code (yes...ugly but I am new to CSS and doing this with inline div in Drupal in CKedit). As you can see in the attached pic: it looks like I've got double space or more between rows.

But I have padding and height set to zero. I've tried a dozen different things and just cannot get it to be single space. What am I missing? (Other than my patience because this has driven me crazy!)

Thank you for your insights and assistance!


<table align="center" style="padding-bottom: 0px; padding-left: 0px; width: 425px; padding-right: 0px; border-collapse: separate; padding-top: 0px; spacing: 0px">
<tbody>
<tr>
<td colspan="2" style="text-align: center; color: #000064; font-size: 16px">
<strong>The Primers</strong></td>
</tr>
<tr>
<td colspan="2" style="text-align: left; color: #000064; font-size: 12px">
<strong>The View</strong></td>
</tr>
</tbody>
</table>
<table align="center" style="padding-bottom: 0px; padding-left: 0px; width: 425px; padding-right: 0px; border-collapse: separate; padding-top: 0px; spacing: 0px">
<tbody>
<tr>
<td style="text-align: left; width: 50px; height: 0px; color: #000064; font-size: 12px">
<strong>Title:</strong></td>
<td style="text-align: left; height: 0px; color: #000064; font-size: 12px">
The Essentials</td>
</tr>
<tr>
<td style="text-align: left; width: 50px; height: 0px; color: #000064; font-size: 12px">
<strong>Subject:</strong></td>
<td style="text-align: left; height: 0px; color: #000064; font-size: 12px">
Make Time Mastering the Three Trading Essentials</td>
</tr>
</tbody>
</table>

abduraooft
02-04-2012, 07:37 AM
Can we have a link to your page?

ExpertAlmost
02-04-2012, 07:41 AM
Hello Abduraooft!

Thank you for your reply.

It is not in any page yet. I am creating a node in Drupal using Ckedit. The image attached to the intial post is a screen capture from Drupal after I saved the code. (Not just a preview!)

Thanks again for your time and concern :-)

abduraooft
02-04-2012, 07:52 AM
<style>
table, td{
border-collapse:collapse;
line-height:1;
}
</style>

<table align="center" style="width: 425px; ">
<tbody>
<tr>
<td colspan="2" style="text-align: center; color: #000064; font-size: 16px">
<strong>The Primers</strong></td>
</tr>
<tr>
<td colspan="2" style="text-align: left; color: #000064; font-size: 12px">
<strong>The View</strong></td>
</tr>
</tbody>
</table>
<table align="center" style="width: 425px;">
<tbody>
<tr>
<td style="width: 50px; color: #000064; font-size: 12px">
<strong>Title:</strong></td>
<td style="text-align: left; color: #000064; font-size: 12px">
The Essentials</td>
</tr>
<tr>
<td style="width: 50px; height: 0px; color: #000064; font-size: 12px">
<strong>Subject:</strong></td>
<td style="height: 0px; color: #000064; font-size: 12px">
Make Time Mastering the Three Trading Essentials</td>
</tr>
</tbody>
</table>
PS:1) Why are you using that much of inline styles? It's a very bad practice.
2) Have you heard about <th> tag (http://www.htmldog.com/reference/htmltags/th/) ?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum