formular til både firefox og IE
Jeg har lavet denne formular, og den er nu ved at være ens i såvel firefox som IE. MEN mit problem ligger i at input-felterne postnr og postby skal være knap så bredde og i en linje. Hvordan giver jeg inline besked til hhv. Firefox og IE?Og jeg har set mig nødsaget til at lave inline-styling på radioknapperne også, da de ellers bliver stylet som alm. input - Kan man lave det smartere?
---------
/*formular-design starter her */
#formular {
color: #036;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #036;
padding: 10px;
width: 240px;
}
* html #formular {width: 265px;}
button { background-color: #036;
border: 0px;
color: #ffffff;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 20px;
width: 70px;
padding: 0px;
}
input { border: 1px solid #036;
padding: 2px;
background-color: #f9ffff;
color: #036;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
height: 14px;
width: 174px;
margin-bottom: 2px;
}
* html input {width: 180px; height: 20px;}
textarea { border: 1px solid #036;
padding: 2px;
background-color: #f9ffff;
color: #036;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 174px;
}
* html textarea {width: 180px; }
.beskriv { margin: 0px;
width: 60px;
vertical-align: top;
color: #036;
float: left; }
--></style>
<div id="formular">
<form method="post" action="<?php $php_self;?>">
<div align="left">
<span class="beskriv">Navn</span><input type="text" name="navn" /><br>
<span class="beskriv">Adresse</span><input type="text" name="adresse" /><br>
<span class="beskriv">Postnr.</span><input style="width:40px;" type="text" name="postnr" />
By <input style="width:111px;" type="text" name="postby" /><br>
<span class="beskriv">E-mail</span><input type="text" name="email" /><br>
<span class="beskriv">Telefon</span><input type="text" name="telefon" /><br>
<br>
Jeg ønsker flg. abbonements-periode:<br>
<span class="beskriv">Kvartals</span>
<input style="width:auto;border:0px;background-color:#fff;" type="radio" name="r1" value="kvartal" checked><br>
<span class="beskriv">Halvårligt</span>
<input style="width:auto;border:0px;background-color:#fff;" type="radio" name="r1" value="halvår"><br>
<span class="beskriv">Helt år</span>
<input style="width:auto;border:0px;background-color:#fff;" type="radio" name="r1" value="helår"><br>
<br>
<span class="beskriv">Besked</span><textarea name="besked" rows="6" cols="30"></textarea>
<p align="right"><input type="hidden" name="hiddenName" value="hiddenValue" />
<button name="Reset" value="Nulstil" type="reset">Nulstil</button> <button name="s1" value="Send" type="submit">Send</button></p>
</div>
</form>
</div>
