Border Theme (Single line between the rows)

  • frhp24

    (@frhp24)


    9 years, 2 months ago

    Hello everybody!

    I have a quick question, which will probably be easy to solve for you out there.

    I want to add a table to a page and want it the be divided only horizontally by a thin line. I went to http://www.tablesgenerator.com/html_tables where you are able to change the border theme. Everything looks fine on that page but if I want to transfer the code:

    esult (click “Generate” to refresh)
    Copy to clipboard

    <style type=”text/css”>
    .tg {border-collapse:collapse;border-spacing:0;}
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
    .tg .tg-r535{background-color:#ff0000}
    .tg .tg-zq60{background-color:#ff0000;vertical-align:top}
    .tg .tg-yw4l{vertical-align:top}
    </style>
    <table class=”tg” style=”undefined;table-layout: fixed; width: 943px”>
    <colgroup>
    <col style=”width: 41px”>
    <col style=”width: 578px”>
    <col style=”width: 324px”>
    </colgroup>
    <tr>
    <th class=”tg-r535″></th>
    <th class=”tg-r535″></th>
    <th class=”tg-zq60″></th>
    </tr>
    <tr>
    <td class=”tg-031e”></td>
    <td class=”tg-031e”></td>
    <td class=”tg-yw4l”></td>
    </tr>
    </table>

    it wont show the border, nor the red colour i want in the first row.

    I am absolutely desperate right now, so I hope you guys can help

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    esult (click “Generate” to refresh)
    Copy to clipboard

    this goes out of course

    mdshak

    (@mdshak)

    9 years, 2 months ago

    Hi,
    Please add this custom css code withing your table css code:-

    table.tg tr{border:1px solid #000 !important;}

    Thanks
    Mohammad

    Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    Hey Mohammad,

    thank you very much, but I did not use the tablepress plugin to make the table. I used, like mentioned before, a html table generator.

    Do you have a answer for that?

    mdshak

    (@mdshak)

    9 years, 2 months ago

    Hi,
    Yes, i gave the answer for your generated table code. You need to insert my piece of custom css code. Insert the content in the table to present the table.

    Thanks
    Mohammad

    Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    Okay man, sorry.

    this is my html code, where should i insert?

    <table style=”width: 869px;”>
    <tbody>
    <tr>
    <td style=”width: 36px;background-color: #ff0000;”> </td>
    <td style=”width: 472.317px;background-color: #ff0000;”> </td>
    <td style=”width: 242.683px;background-color: #ff0000;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    </tbody>
    </table>
    <!– DivTable.com –>
    <p> </p>

    Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    I want to insert directly into the text editor and not tablepress

    mdshak

    (@mdshak)

    9 years, 2 months ago

    Hi,
    You can insert the code in Table CSS as you posted in first reply like:-

    
<style type=”text/css”>
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
.tg .tg-r535{background-color:#ff0000}
.tg .tg-zq60{background-color:#ff0000;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}
</style>
<table class=”tg” style=”undefined;table-layout: fixed; width: 943px”>
<colgroup>
<col style=”width: 41px”>
<col style=”width: 578px”>
<col style=”width: 324px”>
</colgroup>
<tr>
<th class=”tg-r535″></th>
<th class=”tg-r535″></th>
<th class=”tg-zq60″></th>
</tr>
<tr>
<td class=”tg-031e”></td>
<td class=”tg-031e”></td>
<td class=”tg-yw4l”></td>
</tr>
</table>

    Thanks
    Mohammad

    mdshak

    (@mdshak)

    9 years, 2 months ago

    Hi,
    Will you not use this code for table?

    
<table class=”tg” style=”undefined;table-layout: fixed; width: 943px”>
<colgroup>
<col style=”width: 41px”>
<col style=”width: 578px”>
<col style=”width: 324px”>
</colgroup>
<tr>
<th class=”tg-r535″></th>
<th class=”tg-r535″></th>
<th class=”tg-zq60″></th>
</tr>
<tr>
<td class=”tg-031e”></td>
<td class=”tg-031e”></td>
<td class=”tg-yw4l”></td>
</tr>
</table>

    Thanks
    Mohammad

    Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    Thank you man. No that one does not work

    is it possible with this one?

    <table style=”width: 869px;”>
    <tbody>
    <tr>
    <td style=”width: 36px;background-color: #ff0000;”> </td>
    <td style=”width: 472.317px;background-color: #ff0000;”> </td>
    <td style=”width: 242.683px;background-color: #ff0000;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    <tr>
    <td style=”width: 36px;”> </td>
    <td style=”width: 472.317px;”> </td>
    <td style=”width: 242.683px;”> </td>
    </tr>
    </tbody>
    </table>
    <!– DivTable.com –>
    <p> </p>

    Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    Please remember that I only want Lines between the rows, not between the columns nor outside

    mdshak

    (@mdshak)

    9 years, 2 months ago

    Hi,
    Please create the table with content and insert in a page, share page url with me. I will give exact code to make as you desire. It would be good practice.
    Thanks
    Mohammad

    Thread Starter frhp24

    (@frhp24)

    9 years, 2 months ago

    Hey Moha!
    Thanks for your Support. We found another solution.

    Take car

    mdshak

    (@mdshak)

    9 years, 2 months ago

    Hi,
    Glad to help you. Please marked this issue as resolved.
    Thanks
    Mohammad

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

The topic ‘Border Theme (Single line between the rows)’ is closed to new replies.