vb.org Archive - Align image in the center over avatar.

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - Align image in the center over avatar. (https://vborg.vbsupport.ru/showthread.php?t=276859)

I.G.O.T.A.

01-12-2012 05:15 PM

Align image in the center over avatar.

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 [DATE]1326393179[/DATE] at [TIME]1326393179[/TIME] ---------------

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

betts02

01-12-2012 06:17 PM

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.

01-12-2012 06:25 PM

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

betts02

01-12-2012 07:19 PM

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

HTML Code:

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

I.G.O.T.A.

01-12-2012 09:23 PM

I will try and let you know.

--------------- Added [DATE]1326477382[/DATE] at [TIME]1326477382[/TIME] ---------------

That didn't work.

--------------- Added [DATE]1326480529[/DATE] at [TIME]1326480529[/TIME] ---------------

Anyone got any ideas how to do this?

I.G.O.T.A.

01-14-2012 01:56 PM

Quote:

Originally Posted by betts02 (Post 2287008)

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	01-14-2012 02:30 PM

You could try this:

Code:

<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.

01-16-2012 03:33 PM

Quote:

Originally Posted by kh99 (Post 2287684)

You could try this:

Code:

<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	01-16-2012 06:07 PM

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.

01-16-2012 07:11 PM

I put it right here.

Usergroup

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

LifesGreatestGift

01-16-2012 07:44 PM

Code:

<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;right: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.

01-16-2012 08:06 PM

Quote:

Originally Posted by LifesGreatestGift (Post 2288698)

Code:

<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;right:4px}

</style>

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

I.G.O.T.A.

01-18-2012 06:49 PM

Anyone?

All times are GMT. The time now is 11:38 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01898 seconds Memory Usage 1,740KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (1)bbcode_html_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (13)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: