Perusoe's Testing Grounds

New Forums, new rules. :stuck_out_tongue_closed_eyes:

I like using tables. In the old forums it was easy to do by using the code blocks. Unfortunately, that doesn’t work here. Fortunately, there is table syntax, according to this thread:

Unfortunately, I can’t figure out how to use the table syntax. And so, my first test begins.
══════════════════════════════════════════════════════════

Well, I figured out how to create a table. But, I can’t figure out how to align the text. Starting to get a headache. I’m trying to left align columns 1 and 3, but leave column 2 as it is.

Will try again later. :unamused:

Syntax used:

<table>
<tr><th>Open bullet</th>
<th>=</th>
<th>Legendary Power has not been extracted.</th>
<tr><th>Solid yellow bullet</th>
<th>=</th>
<th>Legendary Power has not been extracted.</th>
<tr><th>Solid orange bullet</th>
<th>=</th>
<th>Legendary Power cannot be extracted.</th>

Which produces this:

Open bullet = Legendary Power has not been extracted.
Solid yellow bullet = Legendary Power has not been extracted.
Solid orange bullet = Legendary Power cannot be extracted.
6 Likes

<tr> is data row.
<th> is header cell.
<td> is data cell.

<table>
<tr>
    <th><b>Column 1</b></th>
    <th>=</th>
    <th><b>Column 3</b></th>
</tr>
<tr>
    <td>Open bullet</td>
    <td>=</td>
    <td>Legendary Power has not been extracted.</td>
</tr>
<tr>
    <td>Solid yellow bullet</td>
    <td>=</td>
    <td>Legendary Power has not been extracted.</td>
</tr>
<tr>
    <td>Solid orange bullet</td>
    <td>=</td>
    <td>Legendary Power cannot be extracted.</td>
</tr>
</table>
Column 1 = Column 3
Open bullet = Legendary Power has not been extracted.
Solid yellow bullet = Legendary Power has not been extracted.
Solid orange bullet = Legendary Power cannot be extracted.

There are more examples in this thread (on EU forum):

3 Likes

Thanks @Maskraider. Going to try it again.

This time I put codes on separate lines. One: because The Forum Guide shows it this way and two: it’s easier for me to keep track of. I also remembered to add the “end table” code at the end of the table. As far as aligning the text in columns 1 and 3, it was just a matter of changing an “h” to “d”. That is to say, where there was a <th> I replaced it with <td>.

I still don’t know how to use the alignment codes :--, :--: or --:. Tyrael help me if I need to right-align a column. :laughing:

Syntax used this time:

<tr>
<td>Open bullet</td>
<th>=</th>
<td>Legendary Power has not been extracted.</td>
<tr>
<td>Solid yellow bullet</td>
<th>=</th>
<td>Legendary Power has not been extracted.</td>
<tr>
<td>Solid orange bullet</td>
<th>=</th>
<td>Legendary Power cannot be extracted.</td>
</table>

Which produces this:

Open bullet = Legendary Power has not been extracted.
Solid yellow bullet = Legendary Power has not been extracted.
Solid orange bullet = Legendary Power cannot be extracted.

Edit: I didn’t see your edit until I posted. Looking at your syntax I still don’t see how you centered the column headings (Column 1 and Column 3).

I’ll keep looking and testing. I’ll figure it out eventually. :wink:

Edit 2: Oh! I think I get it. <th> is the header and is centered by default. <td> is data, which is left-aligned by default.

I still want to figure out how to use the alignment codes though.

1 Like

Yup.

The default alignment of <th> is Centered (at least in this forum).
Unless you want different alignment, you don’t need to do anything.

The default of <td> is Left-align.

<th> is used for Header row. Optional.
<td> is used for detail (data) row.

Usually, we don’t mix <th> and <td> in the same row.

aligned to the left no alignment
left none
Use “<td text-align: left

@Maskraider and @Perusoe

Do me a favor and refresh or log in and out then check your trust levels. If it works you should now have full formatting powers and Wiki powers. Boubou too.

3 Likes

New test.

Syntax used:

| Column 1 | Column 2 | Column 3 |
| :-- | :-: | --: |
| This is left aligned | This is centered | This is right aligned |

Which produces this:

Column 1 Column 2 Column 3
This is left aligned This is centered This is right aligned

I could swear I tried this first and it wouldn’t work for me.

But the column headings should be centered. Going to add a line and see what happens.

New syntax:

| :-: | :-: | :-: |
| Column 1 | Column 2 | Column 3 |
| :-- | :-: | --: |
| This is left aligned | This is centered | This is right aligned |

Which produces this:
| :-: | :-: | :-: |

Column 1 Column 2 Column 3
This is left aligned This is centered This is right aligned

Well, that didn’t work. No matter what I do, with this syntax, the column headings “Column 1” is left aligned, “Column 2” is centered and “Column 3” is right aligned. This is what I want for the data, but not the headings.

Back to the drawing board.

Using the website to check, I’m TL3 now.
Thanks, MissCheetah! :grinning:

I’m on mobile device now. Will test later.

1 Like

Wow! Trust Level 3 now. Both of us.

Thank you, @MissCheetah! :heart:

1 Like

Just keep in mind your TL3 only applies to the US forums, not the other regions.

Both of you and Boubou too.

I did not really do it. I just had to make the case for it to Blizz. Nevalistis and Vrakthris are the ones who, with mgt approval, did it. Further, your TL 3 is not going to decay if you don’t post enough. You three don’t really chat a lot, you mostly spend your time helping folks so kind of need images and such.

4 Likes

Not a problem. I believe I’ve only ever posted on the US forums anyway. Even though I play on 3 Regions. :wink:

I think Boubou and Maskraider post all over. :+1:

Edit:

Well, I was thanking you for the information really. But, still… :smiley:

Thank you, @Nevalistis, @Vrakthris and Management! :beers:

I understand.

Got’cha. :+1:

2 Likes

They do. Mask handles some of the Asia stuff and Boubou is active on the EU English and French forums. I don’t know anyone there though and am not an MVP there so I can’t get them upgraded permissions. BUT, they can make posts here then link them on the other forum. That lets them use their powers for good still.

3 Likes

TY MissCheetah… will do.

After some tests, …
The easy format only allow one format line. i.e. the line between header and detail.
The format applies to both header and detail. So, the first format line is not part of the table.

If you want to control the format of individual cell, use DIV tags in HTML format:

<table>
<tr>
    <th><b>Column 1</b></th>
    <th>=</th>
    <th><b><div align="right">Column 3</div></b></th>
</tr>
<tr>
    <td>Reference</td>
    <td>=</td>
    <td>Reference loooooooooong text</td>
</tr>
<tr>
    <td>Open bullet</td>
    <td>=</td>
    <td>Align left</td>
</tr>
<tr>
    <td>Solid yellow bullet</td>
    <td>=</td>
    <td><div align="center">Centered</div></td>
</tr>
<tr>
    <td>Solid orange bullet</td>
    <td>=</td>
    <td><div align="right">Align right</div></td>
</tr>
</table>
Column 1 =
Column 3
Reference = Reference loooooooooong text
Open bullet = Align left
Solid yellow bullet =
Centered
Solid orange bullet =
Align right
1 Like

Auto Number list (pass)

  1. number lists
  1. auto numbers
  1. number lists
  2. auto numbers

Test of computer code (fail)

```sql
select *
from emp e
join dept d – either order works
on e.emp=d.emp;
```

select *
from emp e
  join dept d  -- either order works
    on e.emp=d.emp;
/* what about really large comments */
-- comments seem to wokr
#!/bin/bash
// but not c++ comments

“Block of Text” tests

Normal “Block of Text” using > (pass)

stuff

StackExchange “spoiler tag” which is >! (fail)

! StackExchange spoiler tag

Wow! Thank you so much, Maskraider! :+1:

I tried working with the “div” and “align” tags earlier, but could never figure out how to include them in the syntax. You have saved me, probably, hours of testing through trial-and-error.

I hope you don’t mind if I copy your syntax and save it as a document template for future tables.

Cheers, mate! :beer:

1 Like

New table test.

Syntax used:

<b>Greater Rift to Torment Equivalents</b>
<table>
    <tr>
        <td><div align="right">1</div></td>
        <th>-</th>
        <td><div align="right">3</div></td>
        <th>=</th>
        <td>Hard</td>
    </tr>
    <tr>
        <td><div align="right">4</div></td>
        <th>-</th>
        <td><div align="right">6</div></td>
        <th>=</th>
        <td>Expert</td>
    </tr>
    <tr>
        <td><div align="right">7</div></td>
        <th>-</th>
        <td><div align="right">9</div></td>
        <th>=</th>
        <td>Master</td>
    </tr>
    <tr>
        <td><div align="right">10</div></td>
        <th>-</th>
        <td><div align="right">12</div></td>
        <th>=</th>
        <td>Torment I</td>
    </tr>
    <tr>
        <td><div align="right">13</div></td>
        <th>-</th>
        <td><div align="right">15</div></td>
        <th>=</th>
        <td>Torment II</td>
    </tr>
    <tr>
        <td><div align="right">16</div></td>
        <th>-</th>
        <td><div align="right">18</div></td>
        <th>=</th>
        <td>Torment III</td>
    </tr>
    <tr>
        <td><div align="right">19</div></td>
        <th>-</th>
        <td><div align="right">21</div></td>
        <th>=</th>
        <td>Torment IV</td>
    </tr>
</table>

Which produces this:

Greater Rift to Torment Equivalents

1
-
3
= Hard
4
-
6
= Expert
7
-
9
= Master
10
-
12
= Torment I
13
-
15
= Torment II
16
-
18
= Torment III
19
-
21
= Torment IV

I consider this acceptable. I know there’s a way to specify column widths and other things. But, I don’t really want to get into studying HTML coding, or whatever it’s called. (One reason I never pursued computer programming is I’m still trying to learn my native language… English :stuck_out_tongue_closed_eyes:).

Although the code works, I’d replace all TH with TD. Explained in previous post.

Is there any reason why?

I used <th>-</th> to center the dash and <th>=</th> to center the equals sign, by default. Well… anything that needs centering.

I use <td>Expert</td>, for example, for left align, by default.

Otherwise I would end up using <td><div align="center">-</div></td> and <td><div align="center">-</div></td>, respectively, which is a lot more to type. And it achieves the same results as far as I can tell.

It seems like the only time I need to use the “long” version is when I need to right align a column that starts with 1 digit and ends with 2 or more digits.

I mean, I know “th” designates “header” and “td” designates “data”. But, I believe that “less is more”, whenever possible. :wink:

1 Like

Not only TH denotes header and TD denotes details.

They also have different style sheets.
Blizzard could change TH to, say, bold letter in the style sheet. Then your post will look funny.

Of course, Blizzard unlike to change it, but the possibility is there.

1 Like