[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)

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

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?

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!

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!