center horizontal login

center horizontal login

I can't seem to figure out how to get the login both centered in the row-fluid and in a inline format.
I'd REALLY appreciate help with this.
http://alterego-of-pwi.info
I would like it to fit between the time modules.  Say max span of 5-6

Edited by: trohal - Aug-17-13 15:48:09
trohal
Troy
useravatar
Offline
7 Posts
Active Subscriptions:

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

Re: center horizontal login

Basically, you'll want:
* The SCLogin module ordered in the 'middle' of the other two.
* You need to add 'pull-left" to the SCLogin module "moduletable" div so that it properly sits in between the other modules
* You'll want to add the following classes to all of the moduletables in that row: "span3", "span6", "span3". You can change those as you need, but the span number need to equal 12. The basics are that span3 is 25% width and span6 is 50% width.

There's likely not any way to get the SCLogin module to all show in one line though. The Remember me, and maybe some other stuff, is going to wrap as there's just not enough room for it all.

Good luck,
Alex

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

alzander
Alex
useravatar
Offline
24066 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: center horizontal login

well, the container is fluid so they should equalize as they xpand/contract but you may be right... the biggest problem is, the html is not laid out in such a way as to give true horizontal .... if you look @ the site now... you'll it won't go completely horizontal even with a single line.all to itself.
if you float left it will float past the 1st clock which is not desired.  going backwards to ancient days, it was
left,
right
center
and that would auto center the divs.. but even thats not working using module ordering. just fyi, modal isn't working properly either.

trohal
Troy
useravatar
Offline
7 Posts
Active Subscriptions:

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

Re: center horizontal login

If you do what I said, it all does go in the same line. The problem is that each of those modules is trying to be horizontal, and there's simply not enough space. By placing the span3 and span6 on things, that makes them all go in one line, but the login module has to wrap as there's no way to do it otherwise. Right now, without designating what should wrap, the browser is simply trying to keep them all as wide as they want to be, and doing so prevents them from all being on the same line.

I did test the suggestions I made above using Chrome's debug tools and they were all on one line.. but with some wrapping. You'll just have to determine what should wrap.

I hope that explains,
Alex

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

alzander
Alex
useravatar
Offline
24066 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:
11642
Total Polls:
0
Total Posts:
48913
Posts today:
7
User Info
 
Total Users:
47755
Newest User:
meda
Members Online:
1
Guests Online:
850

Online: 
nbjed
Social Stream
SourceCoast Joomla Social Extensions
Friday, 25 May 2018
JFBConnect 8.0 Coming Soon! Stay tuned.
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