Board Thread:Support Requests - Getting Technical/@comment-15636815-20151107220151/@comment-15636815-20151108142229

Saftzie wrote: The reason the top-alignment of text happens is that only the bounding box of the contents of any table cell are vertically centered. The bounding box of the contents of your table cell contains both the left-justified text and the right-floated image, so they're vertically aligned together. That means there is no CSS-only solution, no matter how you re-write the contents. Wow! Reading your reply made me dizzy. LOL

Thank you very much for your highly detailed response. I still know almost nothing about CSS or JS or HTML, yet somehow, I managed to follow along with your options 1, 2, and 3.

I think I understand most of option 4. You're saying we could create a tiny table inside the Reward cell, that table having one row and two columns, no? I think I can handle that much.

It took me a couple of minutes on the rest. Let me see if I understand correctly.
 * is whatever text we want to appear before the reward item, like a quantity, for example.
 * is the name of the reward item, the single parameter we're using now. This becomes both the page link and the image link, since both have the same name.
 * is the rest of the information we display below the page link, giving details about the reward item.

Exactly right? Out in left field? Somewhere in between?

Follow-up question: If we're building a table inside one cell, then items without the image can display normally, right? I'm thinking we don't need to create the extra column for those rows or even use. Just display them with the basic number-and-icon template they're using now. Yes?