[pango]

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 🙂

[Sakin]

@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>

[pango]

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!

[Sakin]

@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

[pango]

Ok thanks.

[impresnet]

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

[Sakin]

@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/

[Author]

Posts