Board Thread:Dark Assembly/@comment-653063-20150303021112/@comment-653063-20150303022002

Other piece of 'historical necessity' that some future editor will find highly relevant.

So. In order to get the TierStats tabber to be all the way in the top right corner, the best I could figure out how to do at the time was to put that code first on the page. From the beginning of designing a T2C'd page, I wanted the 'class pic' that had been in the upper right to be in the upper left, the tabber to be in the upper right, and the rest of the text to flow from the top middle, down to the left under the class pic, down to the right under the tabber. So, generally speaking, this: -- -- The only way to make this work is to lay the code on the page in the following order: Image (with float:left) Tabber (with float:right) All the text Spell chart when applicable Gallery
 * imgimgimg text text ---|
 * imgimgimg text text |tabber w/||
 * imgimgimg text text |lots of ||
 * text text text text |tables of||
 * text text text text |informatn||
 * text text text text ---|
 * text text text text text text |
 * text text text text text text |
 * gallery  text text text text  |

The problem is, that means a user viewing a Class_(Game) page on a mobile device views the information in that order too. That user has to scroll through approximately twelve or fifteen screens of tabber information before getting to the text. That... is just not awesome mobile design.

I tried everything I could google up to make it work, where I could put 'Image, Text, Tabber, rest of text, Gallery,' and still get the above layout on a desktop view. It just never happened. So, if in the future, some magical piece of progress happens in CSS or Wikicode or I don't know, just know that I tried.

Technically, I failed. Since I was forced to choose, I chose a better desktop view at the sacrifice of a reasonable mobile layout. Sucks to be me. Whatever. I've wasted two days on this problem and I'm not wasting any more. It's time to get this project going, and done.