Ik heb een probleem met een contactformulier wat ik heb gemaakt. Het probleem zit hem hier ergens:
Dit is de bijbehorende CSS-code:
Het resultaat is als volgt (heb ff achtergronden toegevoegd voor de duidelijkeheid:
http://131.155.241.103/bersonnew/index.php?section=contact
In Firefox ziet het er prima uit, in IE zit het probleem bij de 1e checkbox, deze heeft namelijk een padding tot zijn parent element p, en waar die vandaan komt, ik heb echt geen idee. Heeft iemand een idee hoe ik die weg ga krijgen?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <fieldset>
<legend>Contactform</legend>
<dl>
<dt>Branch:</dt>
<dd>
<p><input type="checkbox" name="branch[]" value="Waste water" class="noborder" />Waste Water</p>
<p><input type="checkbox" name="branch[]" value="Pools and spas" class="noborder" />Pools and spas</p>
<p><input type="checkbox" name="branch[]" value="Industrial water" class="noborder" />Industrial water</p>
<p><input type="checkbox" name="branch[]" value="Drinking water" class="noborder" />Drinking Water</p>
<p><input type="checkbox" name="branch[]" value="Aqua culture" class="noborder" />Aqua culture</p>
<p>Other: <input maxlength="60" size="30" type="text" name="branch[]" /></p>
</dd>
</dl>
</fieldset> |
Dit is de bijbehorende CSS-code:
code:
1
2
3
4
5
6
| #contact dl { width: 100%; }
#contact dt { clear: both; float: left; padding: 2px 0 0 0; }
#contact dd { padding: 2px 0 0 100px; }
#contact dl dd p { padding: 0; margin: 0; font: 10px/10px verdana; }
#contact fieldset { border-style: none; margin: 0; padding: 0; }
#contact legend {display: none; } |
Het resultaat is als volgt (heb ff achtergronden toegevoegd voor de duidelijkeheid:
http://131.155.241.103/bersonnew/index.php?section=contact
In Firefox ziet het er prima uit, in IE zit het probleem bij de 1e checkbox, deze heeft namelijk een padding tot zijn parent element p, en waar die vandaan komt, ik heb echt geen idee. Heeft iemand een idee hoe ik die weg ga krijgen?