Remove edge that separates columns from a table

Question

Good evening! I’m trying to remove the edge that separates the columns from a table but doesn’t work.

The Table is this:

<table border="0">
<td>
    <tr>
        <img src="http://depositodetudo.pe.hu/hospedagem3/wp-content/uploads/2016/11/fisk-logo.png" width="150" height="150"align="left">
    </tr>
    <tr>
        <p>
            <center><b>FISK CENTRO DE ENSINO</b><br></center>
            130% nos cursos de inglês e espanhol.<br>
            Endereço: Av. Vale do Rio Pimenta, quadra 01, nº. 09 - Olho D'água<br>
            Telefone: 3248-1891<br>
            [email protected]<br>
        </p>
    </tr>
</td>

The css I’m using is this, because I couldn’t find a property to remove only what I want...

table, tr, td {
border: 0px; 
}

The part I try to remove is in the red circle

Answer 1

First of all, you need to fix your HTML, because you are putting tr inside td, closing thing that didn’t open, and other little problems.

Once we’ve solved the code, we’ll go to the edges:

If HTML5, use CSS:

table {background:white;border:1px solid gray}
td {border:none}

See working on CODEPEN.

If HTML4 (for mail marketing, etc):

<table border="1" cellspacing="0" rules="none">

See working on CODEPEN.

Also worth a look at these CSS properties if you need edges on cells at other times:

border-spacing: 2px;
border-collapse: collapse;

I suppose you’re doing something like mail marketing. If it is a layout page, CSS would be the most indicated in place of the table. It would be the case to take a studied in CSS and redo without table.

Answer 2

Without the full code, there’s no way I can say it works, but you can use the border: none; or with the border-left: none; in td that you want.