Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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!
    Code:
    <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>
    Attached Thumbnails Attached Thumbnails Cannot reduce blank space between table rows: Drupal/CkEdit issue maybe?-rowheightproblem.png  

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Can we have a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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 :-)

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Code:
    <style>
    table, td{
    border-collapse:collapse;
    line-height:1;
    }
    </style>
    Code:
    <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 ?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •