I'm trying to get some simple style and line up my form elements. Running
into some issues. I did read through and used some of the material from the
links on the wiki.
I can't post the page here because I'm working in Rails and currently
development under a local server. From the code below I almost get what I want
but the email element is not aligning with the other elements.
I went for display: inline-block; because I want the labels to the side of the
element not on top.
Any suggestions would be appreicated.
Anyway -
Here is my form:
<form action="register" method="post">
<fieldset>
<legend>
Registration for all users
</legend>
<label for="first_name">First name:</label>
<%= text_field "user", "first_name", "size" => 15 %>
<label for="last_name">Last name:</label>
<%= text_field "user", "last_name", "size" => 15 %>
<label for="email">Email:</label>
<%= text_field "user", "email", "size" => 15 %>
<label for="password">Password:</label>
<%= password_field "user", "password", "size" => 15 %>
<label for="select">Account Type:</label>
<%= select(:user, :level, [ ['Choose', 0],
['Job seeker', 1],
['Recruiter', 2],
['Direct Employer', 3]])%>
<input type="Submit" value="Register"/>
</form>
</fieldset>
And the css:
fieldset {
display: inline-block;
width: 100%;
margin: 0% 0 0% 0;
padding: 0% 0% 0% 0%;
background-color: #880094;
}
input {
width: 50%;
}
label {
display: inline-block;
float: left;
}
select {
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
