Perusoe's Testing Grounds

Okay. I’ll modify my template then. I just finished the complete Greater Rift Level to Game Difficulty Equivalent table. Copy/paste will help with the modification though. :smirk:

Next table test

Syntax used:

<table>
    <tr>
        <th><b>Greater Rift to Game Difficulty Equivalents</b></th>
    </tr>
</table>
<table>
    <tr>
        <td><div align="right">1</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">3</div></td>
        <td><div align="center">=</div></td>
        <td>Hard</td>
    </tr>
    <tr>
        <td><div align="right">4</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">6</div></td>
        <td><div align="center">=</div></td>
        <td>Expert</td>
    </tr>
    <tr>
        <td><div align="right">7</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">9</div></td>
        <td><div align="center">=</div></td>
        <td>Master</td>
    </tr>
    <tr>
        <td><div align="right">10</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">12</div></td>
        <td><div align="center">=</div></td>
        <td>Torment I (T1)</td>
    </tr>
    <tr>
        <td><div align="right">13</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">15</div></td>
        <td><div align="center">=</div></td>
        <td>Torment II (T2)</td>
    </tr>
    <tr>
        <td><div align="right">16</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">18</div></td>
        <td><div align="center">=</div></td>
        <td>Torment III (T3)</td>
    </tr>
    <tr>
        <td><div align="right">19</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">21</div></td>
        <td><div align="center">=</div></td>
        <td>Torment IV (T4)</td>
    </tr>
    <tr>
        <td><div align="right">22</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">24</div></td>
        <td><div align="center">=</div></td>
        <td>Torment V (T5)</td>
    </tr>
    <tr>
        <td><div align="right">25</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">29</div></td>
        <td><div align="center">=</div></td>
        <td>Torment VI (T6)</td>
    </tr>
    <tr>
        <td><div align="right">30</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">34</div></td>
        <td><div align="center">=</div></td>
        <td>Torment VII (T7)</td>
    </tr>
    <tr>
        <td><div align="right">35</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">39</div></td>
        <td><div align="center">=</div></td>
        <td>Torment VIII (T8)</td>
    </tr>
    <tr>
        <td><div align="right">40</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">44</div></td>
        <td><div align="center">=</div></td>
        <td>Torment IX (T9)</td>
    </tr>
    <tr>
        <td><div align="right">45</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">49</div></td>
        <td><div align="center">=</div></td>
        <td>Torment X (T10)</td>
    </tr>
    <tr>
        <td><div align="right">50</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">54</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XI (T11)</td>
    </tr>
    <tr>
        <td><div align="right">55</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center"><div align="right">59</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XII (T12)</td>
    </tr>
    <tr>
        <td><div align="right">60</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">64</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XIII (T13)</td>
    </tr>
    <tr>
        <td><div align="right">65</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">69</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XIV (T14)</td>
    </tr>
    <tr>
        <td><div align="right">70</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">74</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XV (T15)</td>
    </tr>
    <tr>
        <td><div align="right">75</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">79</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XVI (T16)</td>
    </tr>
    <tr>
        <td><div align="right">80</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">84</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XVII (T17)</td>
    </tr>
    <tr>
        <td><div align="right">85</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">89</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XVIII (T18)</td>
    </tr>
    <tr>
        <td><div align="right">90</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">94</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XIX (T19)</td>
    </tr>
    <tr>
        <td><div align="right">95</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">99</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XX (T20)</td>
    </tr>
    <tr>
        <td><div align="right">100</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">104</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXI (T21)</td>
    </tr>
    <tr>
        <td><div align="right">105</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">109</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXII (T22)</td>
    </tr>
    <tr>
        <td><div align="right">110</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">114</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXIII (T23)</td>
    </tr>
    <tr>
        <td><div align="right">115</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">119</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXIV (T24)</td>
    </tr>
    <tr>
        <td><div align="right">120</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">124</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXV (T25)</td>
    </tr>
    <tr>
        <td><div align="right">125</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">129</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXVI (T26)</td>
    </tr>
    <tr>
        <td><div align="right">130</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">134</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXVII (T27)</td>
    </tr>
    <tr>
        <td><div align="right">135</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">139</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXVIII (T28)</td>
    </tr>
    <tr>
        <td><div align="right">140</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">144</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXIX (T29)</td>
    </tr>
    <tr>
        <td><div align="right">145</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">149</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXX (T30)</td>
    </tr>
    <tr>
        <td><div align="right">150</div></td>
        <td><div align="center">-</div></td>
        <td><div align="right">154</div></td>
        <td><div align="center">=</div></td>
        <td>Torment XXXI (T31)</td>
    </tr>
</table>

Which produces this:

Greater Rift to Game Difficulty Equivalents
1
-
3
=
Hard
4
-
6
=
Expert
7
-
9
=
Master
10
-
12
=
Torment I (T1)
13
-
15
=
Torment II (T2)
16
-
18
=
Torment III (T3)
19
-
21
=
Torment IV (T4)
22
-
24
=
Torment V (T5)
25
-
29
=
Torment VI (T6)
30
-
34
=
Torment VII (T7)
35
-
39
=
Torment VIII (T8)
40
-
44
=
Torment IX (T9)
45
-
49
=
Torment X (T10)
50
-
54
=
Torment XI (T11)
55
-
59
=
Torment XII (T12)
60
-
64
=
Torment XIII (T13)
65
-
69
=
Torment XIV (T14)
70
-
74
=
Torment XV (T15)
75
-
79
=
Torment XVI (T16)
80
-
84
=
Torment XVII (T17)
85
-
89
=
Torment XVIII (T18)
90
-
94
=
Torment XIX (T19)
95
-
99
=
Torment XX (T20)
100
-
104
=
Torment XXI (T21)
105
-
109
=
Torment XXII (T22)
110
-
114
=
Torment XXIII (T23)
115
-
119
=
Torment XXIV (T24)
120
-
124
=
Torment XXV (T25)
125
-
129
=
Torment XXVI (T26)
130
-
134
=
Torment XXVII (T27)
135
-
139
=
Torment XXVIII (T28)
140
-
144
=
Torment XXIX (T29)
145
-
149
=
Torment XXX (T30)
150
-
154
=
Torment XXXI (T31)

I guess I’ll have to modify some more of my charts… later… in the week. Luckily, this was the longest of the all. :weary:

Why not use Easy format? It’s quite suitable.

No matter which format, I like to use text editor that has column mode, e.g. Notepad++

Align data with spaces first. Then switch to column mode.

Select multiple lines vertically at column boundary (ALT+LMouse in Notepad++), I can insert codes to all selected lines at the same time.

I use NotePad. I tried NotePad++ years ago. I don’t remember why I quit using it. Probably because, at the time, I just didn’t feel like learning a new program and went back to one I was already familiar with.

Maybe I’ll check out NotePad++ again… one of these days. :wink:

I tried that. But, it only seems to work if the header (column titles) have the same number of columns and alignment as the body of the table.

If you don’t care too much about the style, it is something you want in Easy format:

<h3>Greater Rift to Game Difficulty Equivalents</h3>

| | | | | | 
| --: | :-: | --: | :-: | :-- |
| 1   | - | 3  | = | Hard             |
| 4   | - | 6  | = | Expert           |
| 7   | - | 9  | = | Master           |
| 10  | - | 12 | = | Torment I (T1)   |
| 13  | - | 15 | = | Torment II (T2)  |
| 16  | - | 18 | = | Torment III (T3) |
| 19  | - | 21 | = | Torment IV (T4)  |
| 22  | - | 24 | = | Torment V (T5)   |

Greater Rift to Game Difficulty Equivalents

1 - 3 = Hard
4 - 6 = Expert
7 - 9 = Master
10 - 12 = Torment I (T1)
13 - 15 = Torment II (T2)
16 - 18 = Torment III (T3)
19 - 21 = Torment IV (T4)
22 - 24 = Torment V (T5)
1 Like

That looks really good, Maskraider. It’s always nice, in my opinion, to have more than one way to accomplish a task.

For now, though, I’ve already created my largest template. From here on out it’s just a matter of copy/pasting sections of it for other, smaller tables or charts.

I also downloaded the latest version of Notepad++. I downloaded the 64-bit portable (zip) version, so I can just run from its download folder. I remembered why I never really used it. I didn’t really feel like I was using a plain text editor. It looked like I was in a C++ programming software. I’m sure I just didn’t give it long enough to learn how to use it.

Also, after yesterday, I’m actually starting to get used to using and understanding the advanced table syntax. Or, at least the very basics of it.

Thank you so much for all your help! :beer:

(I’m guessing you’ve learned a few tricks yourself :wink:). I imagine we’ll be seeing some tables and charts from you as well. :laughing:

Don’t go deep into standard HTML. The forum doesn’t support full HTML features. I’m sure “style” is not supported, as the site need to maintain a uniform look-n-feel.

:laughing: Not to worry. I don’t really want to work too hard anyway. :wink:

But, thanks for the heads-up. :+1:

Boom Chick-A-Pop

Test
Long Name 1 Long Name 2 Long Name 3
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Barf Barf Barf.
Meow Meow Meow

Heh. Can’t set row data alignment to be inherited from the column header because Discourse is apparently using one supremely bastardized amalgomation of HTML 4.1 and HTML 5 and Blizzard has chosen to disallow the CSS functionality that would let us actually control that kind of stuff (among other things like event triggers such as onmouseover).

The reason I say bastardized is that the <a name="AnchorName"></a> code is from HTML 4.1 and is not supported by HTML 5, yet we have access to the <details> element, which is exclusive to HTML 5.

Fun.

Code for ToC menu?

I’m guessing the menu uses <a href="#tag">item</a> and the destination uses (<h1 id="tag">Section Tag</h1>).

Its just the “tree expand” i dedire.

Menu

Markdown {#heading-ids}

HTML

I don’t know if I’ll need to use horizontal lines in these new forums. But, just in case, I’m going to modify one I used on the old forums and make sure it’s “quote-friendly”

Horizontal line:

══════════════════════════════════════════════════════════

Edit 1: I forgot about an old BBCode I used on another forum. When used it created a horizontal line across the entire post.

The syntax used: <hr>. You could type it twice to get double horizontal lines.

:laughing: I just saw this as I was editing this post.

Let’s try it.

Typing this:
<hr>

Produces this:


Typing this:
<hr><hr>

Produces this:



Not exactly what I was looking for. I’m guessing the other code does the same. Let’s try it.

Syntax used:
---

Produces this:

Hmm… That one didn’t work so well. Before I enclosed the line under “Syntax used:” with grave accents it displayed the horizontal line correctly.

Once I added the grave accents the line under Produces this: created a header and no horizontal line. :stuck_out_tongue:

Still I was hoping the lines would be a little darker.

Back to my modifying an existing horizontal line and making it quote-friendly.

Horziontal line:

<hr>
or
---


1 Like

If you’re trying to embed an anchor into the heading, you want this format:

<h1><a name="AnchorName"></a>HeadingName</h1>

And use this for the link:

<a href="#AnchorName">Link Text Here</a>

To test:

Link to Anchor Embedded in Heading

Note: This demonstration takes you to post #41 below now to avoid huge blank space. Under normal circumstances, you don’t want anything before the # marker in the link to the anchor when it’s in the same post.

No. That’s not what I’m trying to do. I don’t even know what an “anchor” is, in internet terms. I suppose I could look it up. What I’m trying to do is very simple, so I don’t want to spend too long on it, as I have other things to test too.

Still, thanks for the info. :beer:

Okay. Will try again.

Syntax used:
---

Produces this:


Okay. That worked. Thanks, Maskraider! :beer:

Bleh. Looks like it really is a bastardization of HTML4 and 5. HTML 4 supports the size and noshade arguments for <hr>, but HTML 5 does not.

You need blank lines before and after ---

Many BBCodes and tags need blank lines.

That info was for DogBone.

My apologies then. :blush:

And wow! I don’t know what you did, but I’m seeing a HUGE blank area in your post (above). Is that just me?

If not, please edit the post.

Thanks.

It is not just you. I see the huge blank area too. Confusing. I am sort of trying to follow along as you guys sort this stuff out. I learned basic HTML back in 2001 but not any more than that. I am also super rusty.