[SOLVED] Styling a default form
Hi all,
I am trying to develop a form for our tennisclub (http://test.tv-wijdewormer.nl/tennislessen.html) and I want to do some styling on this form....
First of all, if you look at the bottom, there's a field 1st choice, second choice and third choice.
After the day, I want a field with a time. This is because theis time belongs to the day.
Code:
1st choice | maandag | Time | 14:00
2nd choice | woensdag | Time | 15:00
3rd choice | vrijdag | Time | 15:00
So first question.... how can I position a field in a form side by side (if possible at all)
Sort of [SOLVED] Styling a default form
Hi...
I found out the solution from the German group.
http://www.typolight-community.de/showt ... light=form
Here's my styled form:
http://test.tv-wijdewormer.nl/inschrijfformulier.html
Basic idea is to use a tableless form and then style it using css. The stules I used here are:
Code:
#formular input,#formular select{float:right;display:block;}
#formular label{float:left;clear:both;display:block;}
#formular .links{width:325px;float:left;display:inline;margin:0 5px 0 0;}
#formular .rechts{width:325px;float:right;display:inline;margin:0 0 0 5px;}
#formular .verzend{float:left;clear:both;display:block;margin-top:10px;}
Any tips on css improvement here are welcome....
Re: Styling a default form
Every browser has it's own customized set of CSS rules. Use a reset stylesheet to set them all up the same way.
Consistent cross-browser styling is futile without one!
Re: Styling a default form
ahhhhh that was the trick....
I thought I had the reset.css activated in the page layout, but it didn't....
It is working now Mark, thanks mate!