Line under table (with code)

  • Hello!

    I have made a table which I am happy with. But now there is a line below the table when I post it. Can anyone look at my code and see at what part a line is added to the table? I would like the line to be gone but I cannot seem to find a line being added anywhere in the code.
    Any help would be appreciated! 

    <table>
<tbody>
<tr>

<td style="width: 141px;">
<div style="text-align: center;"><img style="margin: 10px; border: 0;" alt="mp3" src="https://timbeek.com/wp-content/uploads/2012/09/avatar_standaard.jpg" width="121" height="121" />
<a href="www.timbeek.com">Nightmare</a></div></td>
<td style="vertical-align: text-top;">
<h4 class="\"musictitle\""><span style="font-size: x-large;">Paralyzed by fear</span></h4>
Genre:<a href="https://timbeek.com/Genre/horror/"> Horror</a>
Time: <b> 3:15</b>
Instruments: Guitar, Bass, Kit, Organ
<b>90 BPM </b>(Andante - Medium Speed)
</span><span style="color: #cccccc; font-size: 11px; line-height: 19px;">ISRC:
</span><span style="color: #cccccc; font-size: 11px; line-height: 19px;">? 2013 Tim van der Beek</span>

<a href="https://timbeek.com/wp-content/uploads/2012/09/Tim-Beek-New-beginning.mp3">Tim Beek - New beginning
</a>
<span style="font-size: 11px;">?</span></td>

<td>This was made with a RTS game in mind. Starts at a low volume and builds up using distortion, percussion and a low piano for a chilling effect This was made with a RTS game in mind. Starts at a low volume and builds up using distortion, percussion and a low piano for a chilling effect.

[download id="1121" template="button"]
<div style="font-size: 8px; line-height: 10px;">

<a href="https://creativecommons.org/licenses/by/3.0/deed.en_US" rel="license"><img alt="Creative Commons License" src="https://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
<b>Paralyzed by fear</b>?by?<a href="https://www.timbeek.com" rel="cc:attributionURL">Tim van der Beek</a> is licensed under a?<a href="https://creativecommons.org/licenses/by/3.0/deed.en_GB" rel="license">CC Attribution 3.0</a>.
Permissions beyond the scope of this license are available at?<a href="https://timbeek.com/license/" rel="cc:morePermissions">https://timbeek.com/license/</a>.
</div></td>
</tr>
</tbody>
</table>
Viewing 6 replies - 1 through 6 (of 6 total)

  • There’s nothing in that code that would give you a line under anything. At a guess I’d say that there’s something else (either HTML code of CSS) that’s adding the line in – but without seeing the page there’s no way to tell.

    Thread Starter Skavenmight

    (@skavenmight)

    thx, ill have to find another way then ??

    If you share the pages URL we can have a look at it and see.

    Thread Starter Skavenmight

    (@skavenmight)

    https://timbeek.com/Genre/electronic/

    Here you can see 2 lines. One of them is comes from between posts. (each post is divided by a line automaticly, I added this with css code in my theme)
    But the under every table there is also a line.

    Seeing the page, it’s actually exremely easy to see where that’s coming from. ?? I was right and it is CSS that’s causing it.

    Each article has this in the pages HTML code:

    article.post, article.page, article.attachment {
  border-bottom: 1px solid #CCCCCC;
  padding: 20px 0 35px;
}

    and then the table cells have this in the style.css file:

    tr {
    border-bottom: 1px solid #CCCCCC;
}

    I’d suggest that you edit your style.css file and remove the border form the table cells. Just be aware that it will affect every table on the site, so you’ll need to see just how much that afects.

    Thread Starter Skavenmight

    (@skavenmight)

    oh!! got it! thank you catacaustic! that solved it ??
    learning a lot with all of this.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Line under table (with code)’ is closed to new replies.