• Resolved jillibilli

    (@jillibilli)


    No matter what I do, I get a grey line around each cell in my table. I want the lines to be invisible.

    This is the html code on the page:

    <table style=”border-style: solid; border-width: 0pt;” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%” frame=”none” align=”center”>

    No color, width, or border is specified. What am I doing wrong?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Try changing it to:

    <table style="border: none; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">

    Thread Starter jillibilli

    (@jillibilli)

    Thanks for the response, but, sorry, that didn’t work. Still see the grey lines.

    Can you provide a link to the page containing the table?

    Thread Starter jillibilli

    (@jillibilli)

    What am I doing wrong?

    Maybe looking in your style.css?

    #content table
    {
    	margin-bottom: 15px;
    	border-collapse: collapse;
    	font-size: 1em;
    	border: solid 1px #ccc;
    }
    #content table tr th
    {
    	padding: 5px 5px;
    	font-weight: bold;
    	text-align: center;
    	background-color: #f0f0f0;
    	border: solid 1px #ccc;
    }
    #content table tr td
    {
    	padding: 5px 5px;
    	border: solid 1px #ccc;
    }

    Thread Starter jillibilli

    (@jillibilli)

    Evita,

    My style.css looks exactly like the one you sent. Maybe I need to change the border: settings? If so, what to I change them to? Do I change the “solid 1px #ccc” settings?

    Thanks!!!

    Thread Starter jillibilli

    (@jillibilli)

    Anyone still looking into this for me? I’m at a loss!

    Change border: solid 1px #ccc; to border: solid 0px #ccc; in each of the above-listed item from your stylesheet, one at a time, and testing each time until the border disappears in the section you want it removed from.

    Thread Starter jillibilli

    (@jillibilli)

    Thanks! Changing the border to 0px worked but now all of the tables in my site are messed up.

    Here’s the scoop:

    **My home page is https://hamc.org. That’s the only page I don’t want the table borders showing.

    **On my other pages (examples: https://hamc.org/about-us/board-of-trustees/ and https://hamc.org/school-life/bekesher/) I want all of the table borders to show but only the outside ones are visible.

    **I went to the table properties for those individual tables and changed the settings to the following: <table style=”border: #cccccc 1px solid;” border=”1″ cellspacing=”1″ cellpadding=”5″ width=”100%”> to no avail.

    This is so confusing!!!

    Thread Starter jillibilli

    (@jillibilli)

    I figured it out! I need to add a border color to the cell properties and then apply it to all the cells in the table. When you do the table properties, it only adds the color to the outside border!

    Thanks to both of you for your help. It was invaluable.

    This worked for me to create a table without borders.

    <table style="border:1px solid #ffffff ;" border="0" cellspacing="0" cellpadding="0" width="400">
    <tr>
    <td style="border:1px solid #ffffff ">
    Table Content Here
    </td>
    </tr>
    </table>

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Don’t want lines showing in table’ is closed to new replies.