Community & Support

Label & Field on same line for User Login

Hi Everyone

I am trying something which sure must be very simple, and I am basing my development on the "Zen" template, however, I found some difficulties implementing it on Drupal 5.7, and cannot find in the forum any answer.

Currently, in Drupal, the Login page is with Label on a line, Field on the following line.
It's the same thing for the Quick Contact form.

I have tried to change the css to have this changed, it works for firefox, but not for Internet Explorer.

Here is what I have done : I have said the the label should have a float at the left, and the the form-item should have a relative position. This works for the quick contact form (except for the field subject, which does not appear correct, not sure to understand why). For the login form, the fields do not appear correct. I might not do it correctly, or maybe there is another way of doing it. Could someone help me on that one ?

Here is my CSS code

#block-user-0 form {
padding: 10px;
margin: 10px 0;
position: relative;
}

#block-user-0 div.form-item {
padding: 10px;
position: relative;
}

#block-user-0 label {
float: left;
width: 50px;
}

/* contact */
#block-block-4 {
background-image: url(images/contact.gif);
padding-top: 50px;
padding-left: 5px;
background-repeat: no-repeat;
height: 250px;
}


#block-block-4 div.form-item {
padding: 10px;
position: relative;
}


#block-block-4 label {
float: left;
width: 50px;
}

Thanks in advance for your help !! :)

Kindest Regards

Rosanna

Comments

Compact Forms

Sounds like a job for http://drupal.org/project/compact_forms

Alternatively, you can look into making your own version of the login form pretty easily at http://drupal.org/node/19855

txcrew

Thanks, even better than what I was looking for !!

Hi
Thanks for this compact form module, which answer even better than what I was looking for to my request !!
I could even use it for the quick contact form too !!
Kindest Regards
Rosanna