0

Well I need a clean CSS for my forms and I searched many tutorials but none of them suggest a basic to what is needed in a form now I got an idea of having a list to hold the textboxes but still got bad results any suggestion to have a clean and squarish kind of form?

Please help me. Thanks guys

4
Contributors
3
Replies
4
Views
8 Years
Discussion Span
Last Post by almostbob
0

Forms are definitely one of the things css left behind. It is not easy to make one look good. You should be able to do it though if you have some knowledge.

It's quite difficult for me to explain exactly what to do because there is no set way of doing anything but just think of a grid on your page and make sure everything lines up nicely.

If you have anymore specific question please reply.

0
<style>
.outer {width:99%; margin:1px;}
.left {width;40%; float:left; text-align:right; margin-right:10px;}
</style>
<div class='outer'>
<div class='left'>left aligned question 1</div>
<input answer 1>
</div>
<div class='outer'>
<div class='left'>left aligned question 2</div>
<input answer 2>
</div>
<div class='outer'>
<div class='left'>left aligned question 3</div>
<input answer 4>
</div>
<div class='outer'>
<div class='left'>left aligned question 5</div>
<input answer 5>
</div>
<div class='outer'>
<div class='left'>left aligned question 6</div>
<input answer 6>
</div>
<div class='outer'>
<div class='left'>left aligned question 7</div>
<textarea cols=40 rows=8 answer 7></textarea>
</div>
<div class='outer'>
<div class='left'>left aligned question 8</div>
<input answer 8>
</div>

ignoring syntax, this is a layout example

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.