Perusoe's Testing Grounds

Perusoe-1251 · July 23, 2019, 11:05pm

Interesting.

Syntax used:

<table>
<tr>
<th><b>Acronym</b></th>
<th><b>Image</b></th>
<th><b>Gem Name</b></th>
</tr>

<tr>
<td>BotH</td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_014_x1_demonhunter_male.png)</div></td>
<td> Boon of the Hoarder</td>
</tr>
</table>

Produces this:

Acronym	Image	Gem Name
BotH		Boon of the Hoarder

~~Hmm… Needs “column width”, me thinks.~~

Edit: Thank you @DogBone. The extra “td” was a mistake and was actually what screwed up the center alignment of the header.

Fixed it now.

DogBone-1354 · July 23, 2019, 11:09pm

Something didn’t copy+paste while using my phone.

Full table is in the Acronym thread in New Users forum. It looked good during the Wiki preview pane.

TheTias-1192 · July 23, 2019, 11:11pm

Acronym	Image	Gem Name
BotH		Boon of the Hoarder

This what you were looking for?

<table>
<tr>
<th><div align="center"><b>Acronym</b></div></th>
<th><div align="center"><b>Image</b></div></th>
<th><div align="center"><b>Gem Name</div></b></th>
</tr>

<tr>
<td><div align="center">BotH</div></td>

<td>
<div align="center">

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_014_x1_demonhunter_male.png)</div></td>
<td><div align="center">Boon of the Hoarder</div></td>
</tr>
</table>

DogBone-1354 · July 23, 2019, 11:15pm

Yep. Jyst noticed the extra <td> plus i didnt get around to the align="center" mods.

Thanks

I’m just disappointed that I cant modify the Wiki due to links that require TL3. (So does the gem acronym table)

Perusoe-1251 · July 23, 2019, 11:17pm

Yes. But, I didn’t try “align center” in the header lines because I thought they were centered by default.

Thanks!

(That was actually for DogBone’s benefit).

TheTias-1192 · July 23, 2019, 11:19pm

Nope. By default all alignment is left. You have to specify center. You can leave it as left, but it’s gonna look funky in both desktop and especially mobile modes. By using the center alignment you ensure that every cell lines up with the table headers properly and it will auto-space both the header and cell width to match each other when both table header and cells have the center alignment element.

Also, forcing center on both ensures that even if the text/images are of varying sizes and/or lengths respectively, the header and cell data will still line up due to the auto-adjustment as you enter the code into the editor.

Just be aware that if you’re using mixed HTML/markdown like in the example in my post that I fixed for you, you won’t be able to manually resize the image to fit properly. It’ll be whatever size the image really is, which if you have large ones can really screw up a table.

Perusoe-1251 · July 23, 2019, 11:28pm

That was a typo on my part. Sorry.

It was also what kept the header from center aligning. I corrected my post above, but will demonstrate here (for @TheTias too):

Corrected syntax:

<table>
<tr>
<th><b>Acronym</b></th>
<th><b>Image</b></th>
<th><b>Gem Name</b></th>
</tr>

<tr>
<td>BotH</td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_014_x1_demonhunter_male.png)</div></td>
<td> Boon of the Hoarder</td>
</tr>
</table>

Produces this:

Acronym	Image	Gem Name
BotH		Boon of the Hoarder

TheTias-1192 · July 23, 2019, 11:34pm

Try the same table with a second row of data, just to make sure that it auto-corrects for larger text length and/or image sizes. Otherwise you might run into rows whose cells are offset in the same table, which is ugly. Make sure the second row has a longer name in the acronym column (for testing purposes) and a larger picture than the first row).

DogBone-1354 · July 23, 2019, 11:41pm

I’m on an Samsung Galaxy S9 Active.

Comments on table:

Acronym looks good “left” (i need to see it on PC)
Imag should be “center”
Gem Name really needs to be “center”

Perusoe-1251 · July 23, 2019, 11:49pm

Everything’s centered on PC. Looks like this:

DogBone-1354 · July 23, 2019, 11:54pm

IMHO - Acronym does not look “centered”. It looks “left”.

Perusoe-1251 · July 23, 2019, 11:58pm

That may change as more rows are added. There may also be a way to specify column widths, but that’s beyond my scope.

The “Acronym” column may look left-aligned because the table code used here automatically resizes the width of each column based on the number of characters in each “cell”. Or, at least that’s how it appears to work.

Maskraider-3992 · July 24, 2019, 12:13am


# <a name="diamond-icon"></a>Meaning of Diamond Icons on Item Detail Sheet

## Magic Property

|Icon|-|Meaning|
| :-: | :-: | --- |
|[ ![\|15x15](https://i.postimg.cc/3NjzQG2y/Grey-Diamond.png) ](https://i.postimg.cc/3NjzQG2y/Grey-Diamond.png)|-|Included in property sheet|
|[ ![\|15x15](https://i.postimg.cc/GtbqY5s2/Orange-Diamond.png) ](https://i.postimg.cc/GtbqY5s2/Orange-Diamond.png)|-|Excluded from property sheet|
|[ ![\|15x15](https://i.postimg.cc/0QS7QdWN/Enchanted.png) ](https://i.postimg.cc/0QS7QdWN/Enchanted.png)|-|Enchanted property|

## Legendary Power

|Icon|-|Meaning|
| :-: | :-: | --- |
|[ ![\|30x30](https://i.postimg.cc/GtbqY5s2/Orange-Diamond.png) ](https://i.postimg.cc/GtbqY5s2/Orange-Diamond.png)|-|Can't be extracted|
|[ ![\|30x30](https://i.postimg.cc/8CrKVWS1/Hollow-Diamond.png) ](https://i.postimg.cc/8CrKVWS1/Hollow-Diamond.png)|-|Can be extracted, not extracted yet|
|[ ![\|30x30](https://i.postimg.cc/ncc3hNJS/Yellow-Filled-Diamond.png) ](https://i.postimg.cc/ncc3hNJS/Yellow-Filled-Diamond.png)|-|Can be extracted, already extracted|

Meaning of Diamond Icons on Item Detail Sheet

Magic Property

Icon	-	Meaning
	-	Included in property sheet
	-	Excluded from property sheet
	-	Enchanted property

Legendary Power

Icon	-	Meaning
	-	Can’t be extracted
	-	Can be extracted, not extracted yet
	-	Can be extracted, already extracted

The images are all 15x15. I scaled them to 30x30 in the second table.

The first version was HTML code. I used Discourse’s Quote, it converted to Markdown code. Then manually fine tuned.

Do you like the original size, or the scaled up size?

TheTias-1192 · July 24, 2019, 12:17am

The table header appears centered, but the cell data is not. They’re independent of each other.

Perusoe-1251 · July 24, 2019, 12:24am

Yeah, I get that. And that’s what I was trying to achieve. But, now that I’ve had time to think about it, I believe DogBone wants the whole column centered. So, I’ve taken the code you posted above and modified it a little. I’ve also added more rows.

Syntax used:

<table>
<tr>
<th><b>Acronym</b></th>
<th><b>Image</b></th>
<th><b>Gem Name</b></th>
</tr>

<tr>
<td><div align="center">BotH</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_014_x1_demonhunter_male.png)</div></td>
<td>Boon of the Hoarder</td>
</tr>

<tr>
<td><div align="center">WoL</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_004_x1_demonhunter_male.png)</div></td>
<td>Wreath of Lightning</td>
</tr>

<tr>
<td><div align="center">BotP</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_001_x1_demonhunter_male.png)</div></td>
<td>Bane of the Powerful</td>
</tr>

<tr>
<td><div align="center">ZSoV</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_012_x1_demonhunter_male.png)</div></td>
<td>Zei's Stone of Vengeance</td>

</table>

Produces this:

Acronym	Image	Gem Name
BotH		Boon of the Hoarder
WoL		Wreath of Lightning
BotP		Bane of the Powerful
ZSoV		Zei's Stone of Vengeance

Perusoe-1251 · July 24, 2019, 12:28am

And with all columns center:

Syntax used:

<table>
<tr>
<th><b>Acronym</b></th>
<th><b>Image</b></th>
<th><b>Gem Name</b></th>
</tr>

<tr>
<td><div align="center">BotH</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_014_x1_demonhunter_male.png)</div></td>
<td><div align="center">Boon of the Hoarder</div></td>
</tr>

<tr>
<td><div align="center">WoL</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_004_x1_demonhunter_male.png)</div></td>
<td><div align="center">Wreath of Lightning</div></td>
</tr>

<tr>
<td><div align="center">BotP</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_001_x1_demonhunter_male.png)</div></td>
<td><div align="center">Bane of the Powerful</div></td>
</tr>

<tr>
<td><div align="center">ZSoV</div></td>
<td>

![](https://blzmedia-a.akamaihd.net/d3/icons/items/large/unique_gem_012_x1_demonhunter_male.png)</div></td>
<td><div align="center">Zei's Stone of Vengeance</div></td>

</table>

Produces this:

Acronym	Image	Gem Name
BotH		Boon of the Hoarder
WoL		Wreath of Lightning
BotP		Bane of the Powerful
ZSoV		Zei's Stone of Vengeance

DogBone-1354 · July 24, 2019, 12:32am

I had used “Zei” for “Zei’s Stone eof Vengeance”.

(That was what the original post used)
EDIT
AND … they were in Alphabetical order.

Perusoe-1251 · July 24, 2019, 12:38am

I like the scaled up size better. And since it’s part of a guide, you probably want everything clear and easy to read and understand.

Perusoe-1251 · July 24, 2019, 12:40am

Sorry. I haven’t been back to look at the Acronym Guide recently. I just grabbed a few Legendary Gems to use for testing.

Maskraider-3992 · July 24, 2019, 12:41am

My too, especially the grey diamond, scale up will be more visible.

It shall change them in the guide later.