- This topic has 6 replies, 3 voices, and was last updated 11 years, 2 months ago by Sakin.
-
AuthorPosts
-
July 8, 2013 at 8:30 am #11516pangoMember
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 🙂
July 8, 2013 at 1:14 pm #11529SakinKeymaster@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>
July 11, 2013 at 6:43 am #11664pangoMemberOk 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!
July 11, 2013 at 4:00 pm #11680SakinKeymaster@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
July 12, 2013 at 3:00 am #11720pangoMemberOk thanks.
July 13, 2013 at 7:23 am #11775impresnetMember@Sakin.
What is the ideal way to make a table? …. not create external and internal edges: http://www.impresnet.com/esc/EAO/?p=1July 13, 2013 at 10:16 am #11778SakinKeymaster@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/
-
AuthorPosts
- The topic ‘Add border to tables’ is closed to new replies.