Help with a template - ( Fixed -Thank You - Eton Bones )

[Former Member]

Help with a template

I was working on a template trying to add the small quote avatar to show above the created by username
When viewing a board

using $[current_user.avatar_quote] = it displays the current user avatar

What would be the user quote avatar? = so it displays the users small quote avatar
And not the current user avatar

Hope that makes sense

Here is a screenshot of what I am trying to do - I want it to show each users small avatar quote
 NOT THE CURRENT USERS AVATAR QUOTE

As you can see on the screenshot it shows the current users avatar -
It needs to show the user avatar of each user - as on the screenshot there are two user accounts
But it showing the current user avatar - It needs to show each users avatar



Steve

[Stinky666]

@xsteveuk, on the thread list this will work: $[thread.created_by_user.avatar_quote]

[Former Member]

Aug 18, 2013 7:40:01 GMT -8 Stinky666 said:

@xsteveuk, on the thread list this will work: $[thread.created_by_user.avatar_quote]

Thank You - Thank You - Thank You - That worked!

Thanks again

Steve

[Former Member]

Hi,
I'm seeking a little more help - While all appears to align center using Chrome & Firefox

But when using Internet explorer
The little avatar seems to show to the left - and not aligned center

Screenshot



The code I am using

<td class="created-by clickable"><center>$[thread.created_by_user.avatar_quote]$[thread.created_by]</center></td>

What needs to be changed so the small quote icon
Would align center in IE


using Chrome & Firefox in the screenshot below all appears to align center
But it not when viewing using IE



Thanks

Steve

[Stinky666]

Try this?

<td class="created-by clickable" style="align:center;">$[thread.created_by_user.avatar_quote]$[thread.created_by]</td>

[Former Member]

didnt work - aligns the username center but the small avatar aligns to the left

[Former Member]

On my testing board tcptestingboard.boards.net
Using Firefox & Chrome on the General Board the small avatar and usernames
All look aligned center - the small quote avatar that shows above the created by username

I would be interested if any user using a updated version of Internet explorer 9 - 10
could view my test board tcptestingboard.boards.net
And let me know If it's still an issue with the little avatar not aligning center above each user name

As all displays center when I'm using chrome & firefox

Thanks - Steve

[Former Member]

Hi,

I am still seeking some help with this template -

While all seems to show aligned center using Chrome & Firefox

I cannot get it to show center on Internet Explorer The small avatar that shows on the created by column

I have tried  <div style="text-align:center;">

And

<td class="created-by clickable" style="align:center;">$[thread.created_by_user.avatar_quote]$[thread.created_by]</td>

But it still wont align center on internet explorer

Screenshot my test board tcptestingboard.boards.net/

viewing using Internet explorer the avatar is not aligned center
But viewing using Chrome/Firefox   all shows center - How can I fix this?



The code I am using - On the layout template > Board > Thread List

<td class="created-by clickable"><center>$[thread.created_by_user.avatar_quote]$[thread.created_by]</center></td>

For this template
support.proboards.com/thread/479522/template-users-avatar-created-column

Grateful for any help suggestions on how to make align center on Internet explorer also

Thanks - Steve

[Chris]

.avatar-wrapper is set to display:table-cell in order to then use vertical-align:middle this however is apparently causing IE to ignore the centering directive for that element. In this particular case the vertical alignment is unimportant anyway so just set the display back to block by adding the following rule .created-by .avatar-wrapper {display: block;}

[Former Member]

Aug 25, 2013 19:46:31 GMT -8 Chris said:

.avatar-wrapper is set to display:table-cell in order to then use vertical-align:middle this however is apparently causing IE to ignore the centering directive for that element. In this particular case the vertical alignment is unimportant anyway so just set the display back to block by adding the following rule .created-by .avatar-wrapper {display: block;}

Thank you Chris for all your help - That FIXED the internet explorer problem

Thanks again

Steve