Dreamweaver question

[Azure]

Okay, I've searched all over for this, and can't find anything.

I'm making a HTML form with Dreamweaver. I've already put in all the text boxes, check boxes, etc, etc....and I want them to line up.

And I have no idea how to make them do that.

Help???

[maverickstruth]

I presume that the length of your labels is what's causing the issue. If so, there are a couple of ways you can tackle this, depending on your comfort with HTML and/or CSS.

The quick and dirty way is to use a table with the borders turned off. Labels go left, fields go right. But when I say 'dirty', I mean it. Folks who rely on screenreaders will hate you

Next option, is to just put the fields under the labels. This is clean, and if you format it nicely, it can look just as nice as having the labels side-by-side with the fields.

Finally, if you're comfortable mucking around with the CSS and HTML, there's a whole variety of techniques you can use. This post from Smashing Magazine has some fantastic options.

Personally, if you want the best of all worlds and don't want to fight too much with it, I'd just put the labels above the fields and call it good. Use lots of whitespace to separate different items, and you'll be golden.

[Azure]

I'm out of thanks, but thanks!

I never actually thought about putting the labels above the fields. That would work perfectly.

[Yeah_Baby]

Dreamweaver, I believe it can get me through the night.

[llama64]

Another option would be to wrap the form in a table. This would let you control the overall layout of the form and it's fields much easier then defining CSS styles for it.

But, as an overall best practice, follow the advice given in the link provided by maverickstruth. Also - stop using WYSIWYG editors, more trouble then it's worth. /soapbox