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
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.
<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
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.