![](DirectLink)
Adds a forced space at the end of a sentence and allows entering an image.
<img src="DirectLink" width="40">
Adds a forced space at the end of a sentence and allows resizing an image, keeping its aspect ratio. (Changing the width automatically changes its height).
<div align="center">
![](DirectLink "Click to enlarge")</div>
Centers a large image in your post and allows viewer to enlarge the image by clicking on it without leaving the page.
Note: The maximum size of an image in these forums before it’s automatically resized is approximately 900 x 500. So, if you want to center an image that is that size or less, you can use the following code, typed on one line instead of three.
<div align="center"><img src="DirectLink"></div>
Example 1:
Syntax used: This is my sentence. ![](https://i.imgur.com/nhRMx6R.gif)
Which produces:
This is my sentence.
Example 2:
Syntax used: Sentence with resized image. <img src="https://i.imgur.com/TGMVQ7y.gif" width="40">
Which produces:
Sentence with resized image.
Example 3 (Centered game screenshot with no text):
Syntax used:
<div align="center">
![](https://i.imgur.com/R94Ii3n.jpg "Click to enlarge")</div>
Edit: Well that’s nuts. That’s gonna break a lot of things, including guides. Guess I go find out what the “new” way is to do this, assuming Blizzard didn’t just suddenly nuke the ability to even make a clickable image anymore.
Test 2. Nope. That doesn’t work either. Whee!
×
Heh. Nope. Man this is gonna drive me bonkers now.
Edit: I wonder if they broke this because people were leaving inappropriate messages in the modal image captions.
Check MissCheetah’s cosmetics guide. Select the code from any of the tables and you’ll see how to get an image in a table with multiple columns.
Hint: You cannot mix markdown and HTML code inside the tables. It has to be one or the other.
Edit: Here’s the Wings table from that guide, minus the flyout and anchor (so as not to confuse things for you):
<table>
<th><div align="center">Cosmetic Item</div></th>
<th><div align="center">Location Found</div></th>
<th><div align="center">Notes</div></th>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Anguish%27s_Grasp">Anguish's Grasp</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/2/25/AnguishGrasp.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/2/25/AnguishGrasp.jpg/revision/latest/scale-to-width-down/180"></a></div></td>
<td><div align="center">Season 8 Reward</div></td>
<td><div align="center">No longer available.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Cosmic_Wings">Cosmic Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/2/26/Cosmic_wings-1.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/2/26/Cosmic_wings-1.jpg/revision/latest/scale-to-width-down/180?cb=20160503111313"></a></div></td>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Princess_Lilian">Princess Lillian</a> in <a href="https://diablo.fandom.com/wiki/Whimsydale">Whimsydale</a></div></td>
<td><div align="center">Requires entering a portal from a <a href="https://us.diablo3.com/en/game/guide/gameplay/world#rainbow-goblin">Rainbow Goblin</a>. Very rare spawn.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Crimson_Angelic_Wings">Crimson Angelic Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/7/7f/CWings.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/7/7f/CWings.jpg/revision/latest/scale-to-width-down/180?cb=20140803203959"></a></div></td>
<td><div align="center">PlayStation 3 Exclusive</div></td>
<td><div align="center">Requires <b>new and unopened</b> copy of original PS3 game disc. No longer available legitimately otherwise.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Echoes_of_the_Mask">Echoes of the Mask</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/3/35/Echoes_of_the_Mask_-_Crusader.png"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/3/35/Echoes_of_the_Mask_-_Crusader.png/revision/latest/scale-to-width-down/185?cb=20180907120400"></a></div></td>
<td><div align="center">Diablo 3: Eternal Edition for Nintendo Switch</div></td>
<td><div align="center">Currently exclusive to the Nintendo Switch version of Diablo 3.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Falcon%27s_Wings">Falcon's Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/8/8a/Falcon_wings-1.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/8/8a/Falcon_wings-1.jpg/revision/latest/scale-to-width-down/180?cb=20160502092435"></a></div></td>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Mysterious_Chest">Mysterious Chest</a> in <a href="https://diablo.fandom.com/wiki/Gardens_of_Hope">Gardens of Hope</a> Tier 1</div></td>
<td><div align="center">Chest randomly spawns in one of several location in this area.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Fiacla-Géar_(Wings)">Fiacla-Géar</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/3/3d/Blizzcon-2016-diablo-dev-talk-panel-00012.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/3/3d/Blizzcon-2016-diablo-dev-talk-panel-00012.jpg/revision/latest/scale-to-width-down/185?cb=20171031201503"></a></div></td>
<td><div align="center">Season 12 Reward</div></td>
<td><div align="center">No longer available.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Galactic">Galactic Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/5/51/Galactic_wings_preview.png"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/5/51/Galactic_wings_preview.png/revision/latest/scale-to-width-down/179?cb=20190409043021"></a></div></td>
<td><div align="center">Season 17 Reward</div></td>
<td><div align="center">Requires completing the entirety of the Season Journey (Guardian Chapter).</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Ghost_Kerrigan_Wings">Ghost Kerrigan Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/2/2f/D3_CollectibleItems_GhostKerriganWings.gif"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/2/2f/D3_CollectibleItems_GhostKerriganWings.gif/revision/latest/scale-to-width-down/180?cb=20170605182718"></a></div></td>
<td><div align="center">Malthael's Bargain event in Heroes of the Storm (6/14 - 6/28 2017)</div></td>
<td><div align="center">No longer available.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Lilith%27s_Embrace">Lilith's Embrace</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/e/e6/D3_CollectibleItems_LilithWings.gif"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/e/e6/D3_CollectibleItems_LilithWings.gif/revision/latest?cb=20191102145818" width="175"></a></div></td>
<td><div align="center">BlizzCon 2019 Virtual Ticket Reward</div></td>
<td><div align="center"></div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Mercy_Wings">Mercy Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/3/31/Mercy_Wings_animated.gif/revision/latest?cb=20160419151254"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/3/31/Mercy_Wings_animated.gif/revision/latest?cb=20160419151254" width="175"></a></div></td>
<td><div align="center">Purchase <a href="https://us.shop.battle.net/en-us/product/overwatch?p=37693">Overwatch Legendary Edition</a><br><br>Overwatch Origins Edition or Collector's Edition (Any Platform) also still count if you can find them</div></td>
<td>PS4 and XBox 1 purchases require linking PSN or XBL accounts to your Battle.net account.<br><br>You may claim wings on all platforms simultaneously.</td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Prime_Evil_Wings">Prime Evil Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/4/48/PEWings.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/4/48/PEWings.jpg" width="180"></a></div></td>
<td><div align="center">Diablo II 20th Anniversary Event Reward</div></td>
<td><div align="center">Available to players who logged into Diablo 3 during the Diablo II 20th Anniversary Event starting on June 29th, 2020.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Terror_Unleashed">Terror Unleashed</a></div><br><a href="https://static.wikia.nocookie.net/diablo/images/2/22/Terror_Unleashed_icon.png"><div align="center"><img src="https://static.wikia.nocookie.net/diablo/images/2/22/Terror_Unleashed_icon.png" width="150"></a></div></td>
<td><div align="center">Part of the <a href"https://us.shop.battle.net/en-us/product/celebration-collection">30th Anniversary <b>Heroic</b> or <b>Epic Pack</b></div></td>
<td><div align="center">Available until September 15, 2021</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Trag%27Oul%27s_Wings">Trag'Oul's Wings</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/d/dc/WingTragOul.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/d/dc/WingTragOul.jpg/revision/latest/scale-to-width-down/180?cb=20170706184010"></a></div></td>
<td><div align="center">Complete all of the <a href="https://us.diablo3.com/en/class/necromancer/">Necromancer</a> class achievements</div></td>
<td><div align="center"></div><td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_Justice">Wings of Justice</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/8/82/Angelicwings.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/8/82/Angelicwings.jpg/revision/latest/scale-to-width-down/180?cb=20140803204315"></a></div></td>
<td><div align="center">Purchase D3 Vanilla CE</div></td>
<td><div align="center">Search eBay/Amazon. <i>Extremely</i> expensive. <b><i>Scam potential high.</i></b></div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_Lempo">Wings of Lempo</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/b/b2/Wings_of_Lempo_reward.png"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/b/b2/Wings_of_Lempo_reward.png/revision/latest/scale-to-width-down/156?cb=20181219143446"></a></div></td>
<td><div align="center">Season 16 Reward</div></td>
<td><div align="center">No longer available.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_Mastery">Wings of Mastery</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/0/01/Blizzcon2015diablopanel-2015-nov-7-108.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/0/01/Blizzcon2015diablopanel-2015-nov-7-108.jpg/revision/latest/scale-to-width-down/180?cb=20160309170925"></a></div></td>
<td><div align="center">Fully Master all 24 original <a href="https://us.diablo3.com/en/game/guide/gameplay/game-modes#set-dungeons">Set Dungeons</a></div></td>
<td><div align="center">All requirements for each Set Dungeon's <b>Mastery</b> must be met. <a href="https://us.diablo3.com/en/class/necromancer/">Necromancer</a> Set Dungeons not required.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_the_Betrayer">Wings of the Betrayer</a><br><a href="https://vignette.wikia.nocookie.net/diablo/images/0/02/Wings_of_the_Betrayer_preview.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/0/02/Wings_of_the_Betrayer_preview.jpg" width="180"></a></div></td>
<td><div align="center">World of Warcraft: Legion Collector's Edition or <a href="https://us.shop.battle.net/en-us/product/world-of-warcraft-legion-digital-deluxe">Digital Deluxe</a> Upgrade</div></td>
<td><div align="center"> Now only available from the <a href="https://us.shop.battle.net/en-us/product/world-of-warcraft-legion-digital-deluxe">World of Warcraft: Legion Deluxe Items Package</a>.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_the_Crypt_Guardian">Wings of the Crypt Guardian</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/8/8c/Wings_of_the_Crypt_Guardian.gif"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/8/8c/Wings_of_the_Crypt_Guardian.gif/revision/latest/scale-to-width-down/180?cb=20170606111532"></a></div></td>
<td><div align="center">Purchase the <a href="https://us.shop.battle.net/en-us/product/diablo-iii-rise-of-the-necromancer">Rise of the Necromancer DLC</a></div></td>
<td><div align=center"></div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_the_Dedicated">Wings of the Dedicated</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/3/34/Wings_of_the_Dedicated_screenshot.jpg"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/3/34/Wings_of_the_Dedicated_screenshot.jpg" width="185"></a></div></td>
<td><div align="center">Complete all 24 original <a href="https://us.diablo3.com/en/game/guide/gameplay/game-modes#set-dungeons">Set Dungeons'</a> basic requirements</div></td>
<td><div align="center">Requires only completion of set dungeons, but not mastery of them.<br><br><a href="https://us.diablo3.com/en/class/necromancer/">Necromancer</a> Set Dungeons not required.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_the_Swarm">Wings of the Swarm</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/0/06/MIsOV.png"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/0/06/MIsOV.png/revision/latest/scale-to-width-down/180?cb=20160117112350"></a></div></td>
<td><div align="center">StarCraft 2 CE/DE</div></td>
<td><div align="center">Now only available from the <a href="https://us.shop.battle.net/en-us/product/starcraft-ii-campaign-collection?p=32212">SC2 Trilogy Deluxe Edition</a>.</div></td>
<tr>
<td><div align="center"><a href="https://diablo.fandom.com/wiki/Wings_of_Valor">Wings of Valor</a></div><br><a href="https://vignette.wikia.nocookie.net/diablo/images/d/d6/Wings_of_Valor_animated.gif"><div align="center"><img src="https://vignette.wikia.nocookie.net/diablo/images/d/d6/Wings_of_Valor_animated.gif" width="185"></a></div></td>
<td><div align="center">Diablo 3: Reaper of Souls DE or CE</div></td>
<td><div align="center">DE Pre-Orders and CE activations must have occurred before 11:59 PM PST on March 31st, 2014.<br><br>No longer available.</div></td>
</table>
It doesn’t matter if they’re webpages, since they still end with the image filename itself (ending in .jpg/.png, etc.). You’ll notice that the actual images are linked directly just like you’d do from imgur.
There are also two image filename links in each table entry. One is for the underlying file so that when clicked on it opens it up in a new tab, and the second is for the table view itself where the image thumbnail is displayed and scaled (hence the “width=xxx” entries).
This is the baseline code I use for creating tables:
The trailing </tr> for each entry is not required, but can be input if desired. The second and third URLHere entries are the direct image and thumbnail image lines respectively. The ><a href= section at the beginning of the table entry’s first column is where you enter the text description in between the >< symbols.
The a href argument makes it clickable and the img src argument indicates it’s an image. The URL should match, with one exception: a space after the end of the URL followed by width=xxx where xxx is the width, will scale the image to another smaller size where necessary and most importantly keep the aspect ratio.
You can add a <br> just before the </a> to force any text entered after the <br> to show below the image if in a table.
Yours takes an extra string, which includes the image URL a second time.
Clicking on yours opens the enlarged image in the same tab, causing you to leave the page.
I guess it depends on which you prefer.
I liked it better before. When you could click on the image and it would open enlarged, in a separate window overlay. When you closed the overlay window, you would still be on the current page.
and essentially has the same results… depending on your browser settings.
I can click on mine and it automatically opens in a new tab. With yours, I have to control-click to open it in a new tab. (Because of my browser preferences).