Need help? Check out our Support site, then


Visible lines between rows of a table

  1. I'm using the Twenty Eleven theme, and whenever I build a basic HTML table it automatically adds visible lines between each row. There's no border around the whole table, just dividers between the rows. Is there a way to get rid of this in the table's coding? I don't want to stop it on every table, just a few on certain pages.

    I don't have the Custom Design upgrade so it'd have to be within the table's coding.

    Cheers

    The blog I need help with is carsandguitars.co.uk.

  2. I'm also looking for an answer to this question!

  3. Specify border as none and you wont see lines

    <td style="border:none;">TEXT</td>

  4. I've tried that and border:0. Neither work. I'm thinking its an existing code in CSS I need to over-ride but can't figure out how. I've even tried "important!" and that didn't work either.

  5. @campwed: supernu's suggestion works, only it's not enough on Adelle (left and bottom borders of each cell will go, top and right borders of the table will stay).

    I'm not seeing supernu's suggestion in the sourcecode of your page, I'm seeing this:
    <table style="background-color:#ffffff;" width="100%" border="0 !important" cellspacing="0" cellpadding="0">
    These are all useless. Tables on Adelle don't have a bg color, so specifying white over the white bg of the site is superfluous. The rest are outdated coding that doesn't work (and 100% width is the default on Adelle anyway).
    For more on table coding see my tutorial:
    http://wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/

    So:
    If you don't have the Custom Design upgrade, you need supernu's suggestion for each opening td tag, and for the opening table tag as well:
    <table style="border:none;">
    <td style="border:none;">

    If you do have the upgrade you don't need any of this in the Text editor, but you need to post in the CSS forum, not the Support forum.

  6. Thanks so much "justpi" that finally worked! I had tried <table style="border:none;"> before but hadn't tired each specific line. That worked perfectly. Thanks so much for your help!

  7. You're welcome.
    But you need to remove these from the table tag (as I pointed out, they have no effect whatsoever):
    width="100%" cellspacing="0" cellpadding="0"

    And, do you or don't you have the Custom Design upgrade?

  8. Okay great, I removed those. Yes, I do have a Custom Design Upgrade.

    Thanks so much again for your help. It worked perfectly.

  9. If you want to change the table styling with CSS instead of posting into the text editor each time you use a table I can move this thread to the other forum (CSS).

    edit to say this thread is now in the css forum: note that i'm not being pedantic or ocd about where threads are posted; it just makes it easier for other readers who want css help to find the topics in future…

  10. If you have the upgrade there's no point making such changes in the Text editor. Remove the style from all the tags and add this in the CSS editor:

    .entry-content table, .entry-content tr, .entry-content th, .entry-content td, .entry-content tbody, .entry-content thead, .entry-content tfoot {
        border: 0 none;
    }

    This will take care of any table on any post or page.
    (If you'd rather target only the table in question, that's also possible.)

  11. @Tess: better not move this thread, because supernu's reply and my original reply are for users who don't have the upgrade.

  12. Thank you "1tess" and "justpi". I just added that to my CSS editor. Please feel free to move this to a CSS page to help other people too. I can't tell you how helpful you've been, thank you!

    I also just posted another question about changing my subhead colors in the CSS page. I'd love either of your help with that as well.

    http://en.forums.wordpress.com/topic/subhead-text-color-change?replies=1#post-1298037

    Thank you!
    Jenni

  13. Panos,
    No worries: the tags on the right will suffice for folks who want info about table coding. If you think there should be other tags there you can add them. It's just that CSS is more daunting and newbies are more likely to check the CSS forum…

Topic Closed

This topic has been closed to new replies.

About this Topic