Topic-icon center horizontal login

Active Subscriptions:

None
10 years 8 months ago - 10 years 8 months ago #35475 by trohal
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.
alterego-of-pwi.info
I would like it to fit between the time modules. Say max span of 5-6
Last edit: 10 years 8 months ago by trohal.
The topic has been locked.
Support Specialist
10 years 8 months ago #35521 by alzander
Replied by alzander on topic 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
The topic has been locked.
Active Subscriptions:

None
10 years 8 months ago #35534 by trohal
Replied by trohal on topic 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.
The topic has been locked.
Support Specialist
10 years 8 months ago #35548 by alzander
Replied by alzander on topic 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
The topic has been locked.