Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #11516
    pango
    Member

    Hi,

    I’m trying to add borders to tables that I created, but every time I put in a <table> tag, only the top and bottom line of the table appears. I also I want to add colours to the table cells. How do I get rid of the default table settings? I use a child theme.

    Site is here:http://www.trendskitchens.co.nz/yamaha_wp/wordpress/?page_id=8

    Thank you 🙂

    #11529
    Sakin
    Keymaster

    @pango: We don’t have much default style for table. Just a border, width and padding. See the css that we have for table.

    .entry-content table {
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
    }
    .entry-content td {
        border-top: 1px solid #e6e6e6;
        padding: 10px 10px 8px 0;
    }

    When I check in your page, I found that we were using old html code as
    <td bgcolour="#ff9900">Point 1</td> this will not work. You have to change that to.
    <td style="background-color:#ff9900;">Point 1</td>

    #11664
    pango
    Member

    Ok thank you.

    But I have another issue with tables.
    Please take a look at this page: http://www.trendskitchens.co.nz/yamaha_wp/wordpress/?page_id=11
    I’m trying to get the yellow “Sink A” image to take up two rows. I used the <td rowspan=”2″> tag but the Sink A image does not take up two rows since the second row image starts after Sink A image.

    This table lines up correctly when I used a different theme, but why not this theme? Is there some default code for table formatting that I need to change? I had a look a the code but I can’t seem to find the problem 🙁

    Thanks in advance!

    #11680
    Sakin
    Keymaster

    @pango: Not sure abut your table. Also see that your table in not design in responsive design. So, when I view in my mobile device. It gets cut down. So, I recommend you to use the plugin Table Press at wordpress.org/plugins/tablepress

    #11720
    pango
    Member

    Ok thanks.

    #11775
    impresnet
    Member

    @Sakin.
    What is the ideal way to make a table? …. not create external and internal edges: http://www.impresnet.com/esc/EAO/?p=1

    #11778
    Sakin
    Keymaster

    @impresnet: If you want border all around the table then you can add the following css.

    .entry-content table, 
    .entry-content td {
        border: 1px solid #e6e6e6;
    }

    But our basic table design can be seen here http://catchthemes.com/demo/catch-everest/html-elements/

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Add border to tables’ is closed to new replies.