Table in 2012 theme

  • Resolved fastbysuzuki

    (@fastbysuzuki)


    9 years, 10 months ago

    Hi
    I want to put a table in a page without using a theme, I am trying to learn some code my attempt has resulted in the table working however the table border and column division lines do not show on the published page. The row lines show but very feint could someone point out what is wrong please?
    Site is under construction and maintenance is on.
    The code I have used is below.

    <table style=”text-align: center; height: 152px;” border=”1″ cellspacing=”0″ cellpadding=”0″ width=”390″>

    <tbody>

    <tr style=”background-color: #e9e9e9; font-weight:bolder;”><td>Title 1 </td>
    <td>Title 2</td>
    <td>Title 3</td>
    <td>Title 4</td>
    </tr>

    <tr>
    <td>Detail One</td>
    <td>Detail Two</td>
    <td>Detail Three</td>
    <td>Detail Four</td>

    </tr>

    <tr>
    <td>Detail One A</td>
    <td>Detail Two A</td>
    <td>Detail Three A</td>
    <td>Detail Four A</td>

    </tr>

    </tbody>

    </table>

Viewing 3 replies - 1 through 3 (of 3 total)

  • Add a class to the table such as:

    <table style=”text-align: center; height: 152px;” border=”1″ cellspacing=”0″ cellpadding=”0″ width=”390″ class=”mytable”>

    Then in your CSS file you can add rules to format the table as you wish.

    .mytable [
    rule
    rule
    }

    .mytable tr {
    rules…
    }

    .mytable td {
    more rules…
    }

    Thread Starter fastbysuzuki

    (@fastbysuzuki)

    Hi thanks for the help I will do that

    Thread Starter fastbysuzuki

    (@fastbysuzuki)

    solved

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table in 2012 theme’ is closed to new replies.