Nieuw lid |
|
Hey, ik heb een klein layout probleem.
Ik heb een form waarin ik één submit button heb, enkele textvelden & 1 input veld (voor upload).
Nu ik heb met css de achtergrond kleur van de textvelden een beetje gewijzigd omdat ze anders ni heel zichtbaar waren door middel van een lichte scherm achtergrond. Het lettertype heb ik ook maar ineens verandert.
Ik moest dit dus ook doen voor mijn input veld. Het probleem is echter dat er bij een input veld ook altijd een "bladerknop" naast zit. Deze knop wordt dus ook beïnvloed door de css code.
Nu ja... Niet exact.
In internet explorer wijzigt hij de layout van de button bij het inputveld. In firefox behoud hij voor de button de default layout. Het lastige is dus, dat ik wil dat mijn gewone submit button & mijn inputveld button dezelfde layout hebben.
Als ik de layout van enkel het inputveld wijzig, dan hebben dus in firefox de beide buttons dezelfde layout, maar in IE niet. Wijzig ik dan ook de layout van de gewone submit button. Dan klopt de layout wel in IE, maar in firefox weer niet.
Normaal slaag ik er altijd wel in om in alle browsers de layout ongeveer hetzelfde te behouden. Maar dat is dus nu niet het geval
Iemand enige oplossing, idee of opmerkingen?
Would be appreciated
Edit:
Ik heb men pagina een beetje bijgewerkt zodat ik het kon laten zien wat ik bedoelde.
<form enctype="multipart/form-data" action="" method = "post">
<table width="100%" class="emptytable">
<tr>
<td class="emptytable">Datum:</td>
<td class="emptytable">
<select name="year1" class="input">
<option value="2007" selected>2007</option>
<option value="2008">2008</option>
</select></td>
</tr>
<tr>
<td width ="92" class="emptytable">Sensei:</td>
<td class="emptytable"><input name="sensei" type="text" class="input"></td>
</tr>
<tr>
<td class="emptytable">Plaats:</td>
<td class="emptytable"><input name="place" type="text" class="input"></td>
</tr>
<tr>
<td class="emptytable">Select bestand:</td>
<td class="emptytable"><input name="file" type="file" class="input2"></td>
</tr>
</table>
<p>
<input type="submit" class="input3" value="Voeg stage toe">
</p>
</p>
</form>
<form enctype="multipart/form-data" action="" method = "post"> <table width="100%" class="emptytable"> <td class="emptytable">Datum: </td> <select name="year1" class="input"> <td width ="92" class="emptytable">Sensei: </td> <td class="emptytable"><input name="sensei" type="text" class="input"></td> <td class="emptytable">Plaats: </td> <td class="emptytable"><input name="place" type="text" class="input"></td> <td class="emptytable">Select bestand: </td> <td class="emptytable"><input name="file" type="file" class="input2"></td> <input type="submit" class="input3" value="Voeg stage toe">
|