Align image in the center over avatar.

[I.G.O.T.A.]

OK here is what I'm trying to do and it's not working. I have a picture over my avatar for my members and I'm trying to center it up over the avatar, and it's not working. Did I do something wrong? I'm changing this in the user group manager. Here is the code.

<img align=CENTER src="http://www.igotasti.com/wp-content/uploads/2011/12/ContributorRed.png" />

--------------- Added 1326393179 at 1326393179 ---------------

I also tried to go left and right and it didn't work either. So no clue. Thanks for helping.

[betts02]

Why dont you just use the picture as your avatar instead ?

If its for that image then just use the Mod for awards

[I.G.O.T.A.]

Each member has a title over their avatar and I'm trying to center that image that is their title over the avatar.

[betts02]

May be not the best way to do it but try :

<center><img src='http://www.igotasti.com/wp-content/uploads/2011/12/ContributorRed.png' border='0'/></center>

[I.G.O.T.A.]

I will try and let you know.

--------------- Added 1326477382 at 1326477382 ---------------

That didn't work.

--------------- Added 1326480529 at 1326480529 ---------------

Anyone got any ideas how to do this?

[I.G.O.T.A.]

Why dont you just use the picture as your avatar instead ?

If its for that image then just use the Mod for awards

You have any other ideas for me?

[kh99]

You could try this:

<img style="display:block; margin-left: auto; margin-right: auto;" src="http://www.igotasti.com/wp-content/uploads/2011/12/ContributorRed.png" />


This worked for me (assuming I remembered it correctly), but the <center> tags worked for me too, so I don't know.

[I.G.O.T.A.]

You could try this:

<img style="display:block; margin-left: auto; margin-right: auto;" src="http://www.igotasti.com/wp-content/uploads/2011/12/ContributorRed.png" />


This worked for me (assuming I remembered it correctly), but the <center> tags worked for me too, so I don't know.

All that code don't fit, lol. I'm not winning, lol.

[kh99]

Oh...I missed where you said you were entering it in the usergroup manager. What field are you putting it in?

[I.G.O.T.A.]

I put it right here.

Usergroup

User Title
(Use this to override the default 'ladder' of user titles)

[LifesGreatestGift]

<div class="memberavatar">
<code for actual avatar image a href and img src />
<second image class="memberavatarimg" />
</div>

<style type="text/css">
.memberavatar{position:relative;margin:0 auto}
img.memberavatarimg{position:absolute;bottom:4px;r ight:4px}
</style>

you need to add a div around the avatar, and position it relative so that you can then position the (second) image absolute over the avatar :)

this is a general guide, feel free to edit as you see fit.

[I.G.O.T.A.]

<div class="memberavatar">
<code for actual avatar image a href and img src />
<second image class="memberavatarimg" />
</div>

<style type="text/css">
.memberavatar{position:relative;margin:0 auto}
img.memberavatarimg{position:absolute;bottom:4px;r ight:4px}
</style>

you need to add a div around the avatar, and position it relative so that you can then position the (second) image absolute over the avatar :)

this is a general guide, feel free to edit as you see fit.

I'm new to this, lol. Where do I go to find this?

[I.G.O.T.A.]

Anyone?