Kelly Moore wrote:
> I have a long bit of text that I would like to line up next to a
> checkbox in a form. It has wrapped and is on it's own line. Anyway
> to get it to line up next to the checkbox? Also, any idea why the two
> checkboxes are blue and not grey like the input fields on the rest of
> my form?
>
> http://yakmaster.net/test/form.html
Hi Kellie,
You have commas in your html classname source which is invalid syntax:
class="inline, bluetext" should be class="inline bluetext"
To achieve the text lineup, I generally place the checkbox inside the
label and then apply a left margin on the label, negative left margin on
the checkbox to get everything to line up.
If you want to do the same thing, follow these steps:
1. Remove the commas in your classnames.
2. Move your <input> tag inside your <label> tag.
3. Apply this style in your style sheet:
label.bluetext {
/* potentially unnecessary */
margin: 0 0 0 170px;
/* potentially unnecessary */
position: relative;
}
label.bluetext input {
/* probably unnecessary */
float: left;
/* !important overrides earlier definition */
margin-left: -20px !important;
}
Let me know how it works out for ya.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
