[SOLVED] Styling a default form

[prijke]

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.

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)

[prijke]

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:

#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....

[prijke]

Why tell me why...

is the form mentioned before different in IE? In IE, the fieldset has no padding apparantly.... Is FF doing some default padding on the fieldset tag?

[markhurd]

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!

[prijke]

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!