Sidebar Redux - Tables in Header/Footer

[Kniraven]

Forum:
KnightsPWI.boards.net

Issue:
I want to place a table above the categories (currently there is one).
However, the following tags don't seem to be working.
<FONT SIZE="x">insert generic text</FONT> & <TABLE BORDER=x CELLSPACING=x CELLPADDING=x>insert generic table</TABLE>
I can't change font size, add a border, or change spacing/padding.
The table is inserted in the header/footer section of the sidebar redux plugin.


EDIT: as of current I'm starting to make extra boxes in the table to give the illusion of padding... lol.

[Chris]

Sept 27, 2013 5:32:59 GMT -8 Kniraven said:

Forum:
KnightsPWI.boards.net

Issue:
I want to place a table above the categories (currently there is one).
However, the following tags don't seem to be working.
<FONT SIZE="x">insert generic text</FONT> & <TABLE BORDER=x CELLSPACING=x CELLPADDING=x>insert generic table</TABLE>
I can't change font size, add a border, or change spacing/padding.
The table is inserted in the header/footer section of the sidebar redux plugin.


EDIT: as of current I'm starting to make extra boxes in the table to give the illusion of padding... lol.

The font element as well as some of the attributes you've mentioned are deprecated in HTML5 which is the standard V5 now adheres to.  Their CSS equivalents are what you should be using especially in the case of an attribute since CSS will trump an attribute every time and since Proboards uses CSS to define them now you too must do so as well or your attributes will be ineffective.

A good demonstration of this is to hit the making sure to checkmark borders then view the bbcode to see how borders are now added through CSS (no longer attribute).

Way of the Blue Dragon (html4)	Way of the Err Bear (html5)	BBCode
<font size="3">text</font>*	<span style="font-size:16px;">text</span>	[span style="font-size:16px;"]text[/span]
<table border="3">..</table>	<table><tbody><tr><td style="border:3px solid;">...	[table][tbody][tr][td style="border:3px solid;"]...
<table cellpadding="3">..</table>	<table><tbody><tr><td style="padding:3px;">...	[table][tbody][tr][td style="padding:3px;"]...
<table cellspacing="3">...</table>	<table style="border-spacing:3px;">...</table>	[table style="border-spacing:3px;"]...[/table]

_{* Proboards still uses the <font> tag when adding color even though it is deprecated because it is more forgiving and does not require the "#" which would break a bunch of upgraded forums}

[Brian]

If you're looking to make a table that looks like the rest of the forum, here's a good starting point:

<div class="container">
    <div class="title-bar"><h2>Title</h2></div>
    <div class="content">
        <table class="list">
            <tr>
                <td>Row 1, column 1</td>
                <td>Row 1, column 2</td>
                <td class="last">Row 1, column 3</td>
            </tr>
            <tr class="last">
                <td>Row 2, column 1</td>
                <td>Row 2, column 2</td>
                <td class="last">Row 2, column 3</td>
            </tr>
        </table>
    </div>
</div>

Take note of the class="last" bits in red. The last <td> in every row should have this, and the last <tr> in the table should have it.