WordPress.com

1. 100holly
   Member
   Nov 17, 2011, 9:02 PM

   Why the table doesn't show border?
   http://webdesignstudiotoronto.wordpress.com/christmas-gift-group-buy-form/

   Here is the table's code:
   <table width="100%" border="10" cellpadding="4" cellspacing="0">
   <tbody>
   <tr>
   <td><span class="style1"></span></td>
   <td><span class="style1">Model</span></td>
   <td><span class="style1">Min Qty</span></td>
   <td><span class="style1">Price</span></td>
   <td><span class="style1"></span></td>
   <td><span class="style1">Model</span></td>
   <td><span class="style1">Min Qty</span></td>
   <td><span class="style1">Price</span></td>
   </tr>

   I am using Modularity Lite theme

   Thank you.

   The blog I need help with is webdesignstudiotoronto.wordpress.com.

2. timethief
   Member
   Nov 17, 2011, 9:09 PM

   Hello there,
   Th advent of HTML5 and CSS 3 means that the older HTML table codes have been deprecated. In some themes the deprecated HTML table codes still work and in others they don't. If you go to panaghiotisadam's blog and leave a comment asking for assistance he will help you with the code.

3. panaghiotisadam
   Member
   Nov 17, 2011, 11:14 PM

   As timethief said, this type of coding is deprecated. You have to use inline CSS, that is, add the style attribute and use the right properties and values:
   <table style="width:100%;border:10px solid #456789;padding:4px;">
   (456879 is just an example - replace it with the hex for the color you want.)

4. 100holly
   Member
   Nov 18, 2011, 12:39 AM

   Thanks, why this code is still not working?

   Table is here:
   http://webdesignstudiotoronto.wordpress.com/christmas-gift-group-buy-form/

   All I need is to give the table some border so it looks prettier:

   <table style="width:100%;border:5px solid;padding:2px;">
   <tbody>
   <tr>

5. 100holly
   Member
   Nov 18, 2011, 12:43 AM

   I mean, I want to give the border some color, but it doesn't take it, automatically get removed.

6. panaghiotisadam
   Member
   Nov 18, 2011, 12:43 AM

   Look at my example again: you have omitted the coding for the color.

7. panaghiotisadam
   Member
   Nov 18, 2011, 12:56 AM

   If something gets removed, then you're making some mistake that renders it invalid. We can't tell what it is unless you paste here the exact thing you're trying to use, enclosed in backticks (see below Reply field).
   Or copypaste the model I gave you into the HTML editor, and change the numbers with the ones you prefer, making sure you don't mess with the punctuation marks and the rest. Color palettes and codes here:
   http://www.december.com/html/spec/color.html

8. 100holly
   Member
   Nov 18, 2011, 3:52 AM

   I successfully made the border of the entire table colorful, however, I need to make the cell also colorful, when I tried to use this:
   <tbody style="width:100%;border:2px solid;color:#B0C4DE;padding:1px;">

   it automatically gets changed <tbody>

   same thing also happens to <tr>

   How?

   Thanks.

9. panaghiotisadam
   Member
   Nov 18, 2011, 5:11 AM

   If you mean a border around each cell, you need to add border coding to each and every opening td tag. And look at my example please: there's no semicolon and no "color" after "solid".
   <td style="border:2px solid #B0C4DE;">

10. 100holly
    Member
    Nov 18, 2011, 2:46 PM

    Thank you Pana

11. stemcellcollege
    Member
    Nov 23, 2011, 3:12 AM

    Pana: Just some clarification needed as I have same problem about getting border colors and grid: Here is a snippet of my current code:
    <table style="width:100%;border:10px solid #8B1C62;padding:4px;">
    <tbody>
    <tr>
    <td valign="top">Week Beginning</td>
    <td valign="top">Reading Assignment</td>
    <td valign="top">Comment</td>
    </tr>

    My question is, when you say "add to each opening td tag", where would I insert the border coding, after "<td" and before "valign"? Many thanks and sorry to bother.
    Walter

12. weschyrchel
    Member
    Nov 23, 2011, 3:34 AM

    @stemcellcollege, yes you could do something like this,

    <td style="border-color: #8B1C62;" valign="top">Week Beginning</td>

13. stemcellcollege
    Member
    Nov 23, 2011, 3:56 AM

    Many many thanks...

Topic Closed

This topic has been closed to new replies.