Forum Problems Log

[Error]

Got a few small suggestions for when someone has time: The usernav in the top right (the one that displays your profile options when you are logged in) has a few issues with avatar sizing as of right now.

The easiest fix for this is resizing it using CSS' max-width and max-height rules (set to 55px or more, see below) instead of the fixed HTML element width and height attributes, which would allow the browser to preserve the original aspect ratio.

Furthermore, vertical centering of the avatar (which I presume is what the text-only CSS rule vertical-align is trying to do currently) can be achieved by changing valign=top on the parent table cell to valign=center and removing the margin on the avatar image.

Or, in other words, by changing

Code:

<td valign="top" width="55">
to
<td valign="center" width="55">

and

Code:

<img class="panelavatar" style="vertical-align: middle; margin-top:10px; border: 2px solid #000;" src="insert what's already in the forum's usernav PHP template here" height="55" width="55">
to
<img class="panelavatar" style="max-height: 55px; max-width: 55px; border: 2px solid #000;" src="insert what's already in the forum's usernav PHP template here">

Rendered results: Firefox 35.01, Chrome 40.0.2214.93

---