Forum Thread

My puzzle gallery has always looked like this:


I'm using Firefox 24... I fixed this with a Greasemonkey script that can be found here if anyone wants to use it until this is fixed:
Pokeheroes Puzzle Gallery Fix


Riako - The fix for this bug is to change all:

<div onclick="location.href='?p=**';" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 5"></div>

to

<div onclick="location.href='?p=**';" style="position: absolute; width: 200px; height: 150px; cursor: pointer; z-index: 5"></div>



All

<div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); color: white; text-align: center; font-size: 36pt; z-index: 2"> … </div>
<img style="width: 100%; height: 100%;" src="http://puzzle.pokeheroes.com/img/thumbnail/blur/3.png" title="How did this even happen?" ilo-full-src="http://puzzle.pokeheroes.com/img/thumbnail/blur/3.png"></img>

to

<div style="position: absolute; width: 200px; height: 150px; background: rgba(0, 0, 0, 0.85); color: white; text-align: center; font-size: 36pt; z-index: 2"> … </div>
<img style="width: 100%; height: 100%;" src="http://puzzle.pokeheroes.com/img/thumbnail/blur/3.png" title="How did this even happen?" ilo-full-src="http://puzzle.pokeheroes.com/img/thumbnail/blur/3.png"></img>



and all:
<div class="small_rounded" style="position: absolute; left: 100%; top: 100%; width: 80px; margin-left: -88px; height: 20px; margin-top: -28px; background: rgba(255, 255, 255, 0.7); color: black; text-align: center; padding: 3px; z-index: 2"> … </div>

to

<div class="small_rounded" style="position: relative; left: 100%; top: 100%; width: 80px; margin-left: -88px; height: 20px; margin-top: -28px; background: rgba(255, 255, 255, 0.7); color: black; text-align: center; padding: 3px; z-index: 2"> … </div>

---

//Moved to Solved, as part of the big Bug/Complaint clean-up.

My gallery looks fine on all browsers I use, so this appears fixed.

---