Login Toboggan forms on one line?

By Jenny C on 25 Jul 2006 at 21:45 UTC

hello, I'm trying to customize the login toboggan user-login block so that when it's expanded (after clicking "log in") it fits nicely in the header. I can't figure out how to make the label and the input box on one line, so it says "username:" and then the box is right next to it on the same line instead of below it. I would greatly appreciate any help! see it here http://www.pdbb.org/

Comments

Here's some css that I used

jivyb commented 26 July 2006 at 02:46

Here's some css that I used on sweetike.com. You'll have to adapt to your template, but maybe it'll give you some ideas. I tried it on your site using the firefox css tools and it seems to do the trick except the loggintoboggan block doesn't seem wide enough to display the fields horizontally so it still appears vertical. But I bet if you widen out that block it'll all be on one line.

#user-login-form {
text-align: left;
}

.top_info_left .form-item {
float: left;
margin: 0 6px 2px 0;
padding: 0;
}
.top_info_left .form-item label {
display:inline;
}

www.sweetike.com