align avatar on left breaks width and blocking

align avatar on left breaks width and blocking

I'm trying to get the avatar on the left and yet maintain and neat block for greeting and buttons.
I've managed to get the image on the left using
span3 in the module class suffix

Code:


.sclogin #scprofile-pic img{
    float: left;
    }

but i can't get a 10px right padding .
if I change the span from 3 to 4 it does position everything but then provides too much right margin.
its important that this stay responsive.
when not logged in everything is fine with span left to 0 as default.
so, bottom line is, no matter what I try, short of modifying the module code itself, I don't know how to get a nice inline block.
http://alterego-of-pwi.info

Edited by: trohal - Jul-29-13 15:58:07
trohal
Troy
useravatar
Offline
7 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: align avatar on left breaks width and blocking

Troy,
Can you do me a favor and create me an account with an avatar and send me the credentials? Then, I can login and immediately see how it looks and should be able to provide you the CSS that should make things work how you want.

You can Private Message me the credentials by clicking the mail icon under my picture to the left. Please do *not* create admin credentials.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
23832 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11508
Total Polls:
0
Total Posts:
48439
Posts today:
11
User Info
 
Total Users:
47480
Newest User:
scottrobins
Members Online:
0
Guests Online:
1152

Online: 
There are no members online
Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program