Skip to main content
Main Content

Border disappearing from forum post?

Border disappearing from forum post?
Posted 2021-01-16 04:26:35
#301085

This isn't a huge issue at all but it's leaving me scratching my head and I want to figure it out just for the sake of learning how to do HTML!

I had written the code for tables that had borders around each cell, like so:

<style>
table, th, td {border: 1px solid black;text-align: center}
</style>


<table style="width:100%">
 <tbody><tr>
<th colspan="2" style="background:#FFD700;">Arnica Recipe</th>
   </tr>
   <tr>
       <td style="font-weight:bold">Recipe</td>
       <td style="font-weight:bold">Cost</td>
  </tr>
  <tr>
     <td><a href="URL"><img src="https://static.wolvden.com/images/items/decors/dyn_arnica.png"></a>
        <br>Arnica Flower Decor</td>
    <td><a href="URL"><img src="https://static.wolvden.com/images/items/herbs/arnica.png"></a>
       <br>5x Arnica</td>
    </tr>
</tbody></table>

It even showed up how I wanted in the preview: 

But as soon as I hit post, it shows up like this:

Arnica Recipe
Recipe Cost

Arnica Flower Decor
5x Arnica
Anyone know what to do about that?
Zea
#27549
Posted 2021-01-17 13:35:29 (edited)
#302482
Style elements don't work on the forums, so you have to use the style attribute. That is to say, the <style> won't work, but div style or table style (for example) will work. That being said, you need to add your border code to your table and your td codes (don't need one around th).

[Side note, make sure you end your declaration! For example, font-weight: bold; needs a semi-colon after it. If you have more than one declaration, the code will get messed up.]

<table style="width: 100%; border:1px solid #000000; text-align: center;">
<tbody><tr>
<th colspan="2" style="color: #000000; background:#FFD700;">Arnica Recipe</th>
</tr>
<tr>
<td style="font-weight: bold; border: 1px solid #000000;">Recipe</td>
<td style="font-weight: bold; border: 1px solid #000000;">Cost</td>
</tr>
<tr>
<td style="border: 1px solid #000000;"><a href="URL"><img src="https://static.wolvden.com/images/items/decors/dyn_arnica.png"></a>
<br>Arnica Flower Decor</td>
<td style="border: 1px solid #000000;"><a href="URL"><img src="https://static.wolvden.com/images/items/herbs/arnica.png"></a>
<br>5x Arnica</td>
</tr>
</tbody></table>

Arnica Recipe
Recipe Cost

Arnica Flower Decor
5x Arnica

fireflii
#757
Posted 2021-01-17 14:22:03
#302555

Thank you so much!!!
Zea
#27549
Search Topic