Cell/Column Border Codes for Tables *without* using Plug-in

  • Resolved Lethalinjectn

    (@lethalinjectn)


    8 years, 4 months ago

    Hi there,
    CSS or HTTML noobie here who needs help with inserting borders between the rows and cells in a table with 3 columns. I’m drafting a post and have figured out the basic codes for the table but, no matter what I do, there is no border between the individual cells. It ends up looking sloppy and hard to read. Whatever codes I’ve found on the internet don’t give me borders when I go into Preview mode, so can you help? I do NOT want to download any plug-in because this will be a one time thing for me.

    This is the code I currently have in my draft article:

    <span style=”text-decoration: underline;”>FOR OTHER MANUFACTURERS</span>:
    <div>
    <table style=”height: 411px;” border=””1″;” width=”584″ cellspacing=””0″;” cellpadding=””0″”>
    <tbody>
    <tr>
    <th>If the bottle measures:</th>
    <th>Then its quantity is:</th>
    <th>and the possible bottle date:</th>
    </tr>
    <tr>
    <td>3.5″ or 8 cm</td>
    <td>10 ml or 1/3 of an oz</td>
    <td>1954 or after.</td>
    </tr>
    <tr>
    <td>3.23″, 8.2 cm, and has wide feet</td>
    <td>10 ml or 1/3 oz</td>
    <td>Saint Gobain from 1981 to 1984.</td>
    </tr>
    <tr>
    <td>3.66″, 9.3 cm, and has wide feet</td>
    <td>15 ml or 1/2 oz</td>
    <td>Saint Gobain from 1981 to 1986.</td>
    </tr>
    <tr>
    <td>3.6″, 9.3 cm, but it does not have wide feet</td>
    <td>16.5cc or 0.558 oz</td>
    <td>1964 onwards, changed in 1978 to register as 15 ml.</td>
    </tr>
    <tr>
    <td>3.94″ or 10 cm</td>
    <td>30 ml or 1?oz</td>
    <td>anywhere from 1948 to 1978, and quite possibly beyond.</td>
    </tr>
    <tr>
    <td>5.91″ or 15 cm</td>
    <td>60 ml or 2 oz</td>
    <td>anywhere from 1962 to 1978, and quite possibly beyond.</td>
    </tr>
    </tbody>
    </table>
    </div>
    <div>

    The spacing between column 1 and 2 looks quite off as well. The 2nd one is squashed into an itsy bitsy, narrow thing. If you could help me fix that so that all 3 columns are even, I’d be very grateful.

    The blog name and url is: KafkaesqueBlog.com

    I’m totally a dunce with coding and really need to post this article soon (like in the next few hours), so any help (in basic language) that you could provide would be SUPER! Thank you!

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

  • Really admire your do-it-yourself ambition, but whenever I am in dunce mode, which is most of the time, I thank the WP gods for plugins. TablePress looks like a good one for your situation. Best of luck with your deadline.

    Thread Starter Lethalinjectn

    (@lethalinjectn)

    Thank you for the tip and name of a good plug-in. I’ve had some bad experiences with plug-ins in the past but, at this point, I’m feeling desperate enough to try one that comes with a good recommendation. Plus, I just saw that it has excellent ratings. So, I’ll try it and keep my fingers crossed. Thank you again!

    Hey there,

    What codes have you tried? I’m guessing your theme has styling for tables built in so if you’re using the right CSS codes, nothing is sticking because it’s being overwritten by the theme.

    Thread Starter Lethalinjectn

    (@lethalinjectn)

    I tried the line of string text (is that the term?) that I posted up above, but I have no idea about the site’s overall CSS codes, I’m afraid.

    It’s the Twenty-Eleven Theme. To my knowledge, my friend who set up CSS codes for the site only did so for the specific Headers on the blog’s overall page, and nothing has been done for the coding of actual blog text. The Twenty-Eleven Theme shouldn’t have codes that impact the look of tables in an actual text post, should they? It would only impact the overall look of the site, no? (As you can see, this is not my area of knowledge. LOL! ?? )

    I think I really DO need some sort of HTML approach because I just downloaded and tried the Tablepress plug-in, but it leaves a highlighted “edit” link in the Preview for the article. That not only looks awful, but I worry that readers would be able to click on it to get into my Admin panel.

    So, I’m back to my own HTML coding dilemma. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cell/Column Border Codes for Tables *without* using Plug-in’ is closed to new replies.