remove horizontal lines in html table

  • Author
    Posts
  • #791390

    twistedt
    Member

    On my Demos page. http://twistedt.com/demos I created an html table to sort out my demos. I have horizontal lines that I would like to remove. Any idea’s?

    The blog I need help with is twistedt.com.

    #791471

    1tess
    Moderator Emeritus

    try this:

    <table style="border:0 none;">
    <tbody>
    <tr>
    <td style="border:0 none;">TEXT</td>
    <td style="border:0 none;">TEXT</td>
    </tr>
    </tbody></table>

    #791671

    ijak
    Member

    I have the same problem in my tables. … Since i am using them to create a frame around an image, it looks awful.

    http://lenslord.com/2012/01/05/tabletest/

    #791673

    ijak
    Member

    This is what the table should look like. It looks ilke this in the rss feed from the wordpress site, and it looks like this in all the editors I am working with.

    http://ijak.files.wordpress.com/2012/01/marsedit002.jpg

    this is what it looks like on WordPress. … And I hate it!
    http://lenslord.com/2012/01/05/tabletest/

    #791674

    1tess
    Moderator Emeritus

    Your code:
    <table border="0" cellpadding="0" cellspacing="0" width="449" align="right">
    and
    <td><img src="http://ijak.files.wordpress.com/2012/01/spacer.gif?w=74&h=1" width="74" height="1" border="0" alt="" /></td>
    has been deprecated. You need to use inline styling instead (in the html editor):
    <table style="border:0 none;">
    Twenty Ten has CSS coding built in to add borders, so you need to style each td tag to over-ride that:
    <td style="border:0 none;">TEXT</td>

    See the basic table code I showed above.

    #791675

    1tess
    Moderator Emeritus

    Note: TEXT in your case would be IMAGE in the sample code.

    #791676

    1tess
    Moderator Emeritus

    What editors are you using to make your table?

    #791677

    ijak
    Member

    Thank you. … I will get to that table test asap.

    I started with Fireworks, and them moved on to BBEdit and MarsEdit.

    #791681

    1tess
    Moderator Emeritus

    You are welcome: your table is a bit more complicated than the OP’s table so it may need a little more tweaking.

    Is there a reason that you don’t make your frame in Photoshop (or other editing program)?

    #791692

    ijak
    Member

    I like Fireworks. And previously, the tables it created worked fine.

    Since my source images live on smugmug, and I can say what size I wish to display, I can pick any image I have on Smugmug, and using MarsEdit, I can create a template that wraps around that image source url, so that is all I have to do.

    That means that I can pick any image I have on SmugMug, and push the template onto MarsEdit, and then just write what I want, then hit publish and it goes to wordpress.

    That saves a lot of working in Photoshop creating a frame for each Image i wish to blog about.

    By the way, your suggestions only partially worked, so I have simplified the table, and will try again. … This time I will try all you suggested and a couple other things.

    #791732

    twistedt
    Member

    @1tess

    Thank You. All is well now.

The topic ‘remove horizontal lines in html table’ is closed to new replies.