vb.org Archive - Center avatar & add break

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

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Center avatar & add break (https://vborg.vbsupport.ru/showthread.php?t=258600)

AzH	02-09-2011 03:56 PM

Center avatar & add break

Hi,

This is my postbit_legacy avatar snippet.

I have been trying to align avatar centrally in the userinfo column but without success, and to also put a line break beneath it. ANy suggestions on what I need to add?

Code:

                        <vb:if condition="$show['avatar']">

<div class="usercenter">

                        <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">

                                <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />

                        </a>

</div>

                        </vb:if>

Here is example page: http://www.xgengamers.com/threads/50...to-see-on-XGen

TYVVVM:up:

Lynne

02-09-2011 04:07 PM

You have this:

HTML Code:

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {    clear: both;    display: block;    float: left;    margin: 3.33333px auto 0;    text-align: left;    width: auto;}

You need to add some css to text-align: center and float:none. Also, add some padding-bottom to your .usercenter class.

AzH	02-09-2011 06:01 PM

Thanks Lynne for helping. I have opened the additional.css template, but now I am struggling to work out where to add some float.

I really am a novice when it comes to css, so a slightly more indepth answer would be greatly appreciated.

Lynne

02-09-2011 06:56 PM

Just put:

HTML Code:

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {float: none; text-align: center;}

AzH	02-09-2011 07:48 PM

Thanks very much. That did exactly what I wanted.

Appreciate the help.

All times are GMT. The time now is 01:44 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02210 seconds Memory Usage 1,719KB 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 (1)bbcode_code_printable (2)bbcode_html_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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: