Remove border that separates columns from a table

1

Good evening! I'm trying to remove the border that separates the columns from a table, but it does not 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 could not find a property to remove only what I want ...

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

The part I'm trying to remove is in the red circle

    
asked by anonymous 24.11.2016 / 04:20

2 answers

2

First of all, you need to fix your HTML, since you are putting tr inside td , closing something that did not open, and other problems.

Once the code is resolved, let's go to the borders:


If it's HTML5, use CSS:

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

See working at CODEPEN .


If it's HTML4 (for email marketing, etc.):

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

See working at CODEPEN .


Also check out these CSS properties if you need borders on the cells on other occasions:

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

I suppose you're doing something like mail marketing . If it's a layout of a page, CSS would be the right one instead of the table. It would be the case to give a study in CSS and redo without a table.

    
24.11.2016 / 04:25
1

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

    
24.11.2016 / 12:31