Witam,
Mam problem z wyrówaniem pól input w formularzu. W operze mi się udało, ale w IE nie. Tutaj jest obrazek jak to wygląda:
http://img146.imageshack.us/i/problemrn.jpg/
Pomógł by mi ktoś zmodyfikować poniższy kod, aby było dobrze, bo ja już ok 3,5 h nad tym spędziłem i nie wiem, nie umiem. Z góry dziękuję za chęci.
Kod źródłowy:
<TABLE CELLPADDING="0" CELLSPACING="0" style="text-align: center; width: 274px">
<TR>
<TD style="text-align: center">
<FORM METHOD="post">
<INPUT NAME="op" TYPE="hidden" VALUE="Szukaj">
<h2 style="text-align: center">WYSZUKIWARKA OFERT</h2>
<TABLE style="width:270px; text-align: center" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Typ nieruchomości:
</TD>
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<SELECT NAME="TypNieruchomosci" style="width: 135px; text-align: right;">
<OPTION VALUE="" SELECTED="SELECTED">Wybierz</OPTION>
<OPTION VALUE="Mieszkania">Mieszkania</OPTION>
<OPTION VALUE="Domy">Domy</OPTION>
<OPTION VALUE="Działki i grunty">Działki i grunty</OPTION>
<OPTION VALUE="Garaże">Garaże</OPTION>
<OPTION VALUE="Lokale użytkowe">Lokale użytkowe</OPTION>
</SELECT>
</TD>
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Typ oferty:
</TD>
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<SELECT NAME="TypOferty" style="width: 135px; text-align: right;">
<OPTION VALUE="" SELECTED="SELECTED">Wybierz</OPTION>
<OPTION VALUE="OfertySprzedazy">oferty sprzedaży</OPTION>
<OPTION VALUE="OfertyKupna">oferty kupna</OPTION>
<OPTION VALUE="OfertyZamiany">oferty zamiany</OPTION>
<OPTION VALUE="OfertyNajmu">oferty najmu</OPTION>
<OPTION VALUE="OfertyWynajmu">oferty wynajmu</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Województwo:
</TD>
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<SELECT NAME="Region" style="width: 135px; text-align: right;">
<OPTION VALUE="">Wybierz</OPTION>
<OPTION VALUE="Dolnoslaskie">Dolnośląskie</OPTION>
<OPTION VALUE="Kujawskopomorskie">Kujawsko-pomorskie</OPTION>
<OPTION VALUE="Lubelskie">Lubelskie</OPTION>
<OPTION VALUE="Lubuskie">Lubuskie</OPTION>
<OPTION VALUE="Lodzkie">Łódzkie</OPTION>
<OPTION VALUE="Malopolskie">Małopolskie</OPTION>
<OPTION VALUE="Mazowieckie">Mazowieckie</OPTION>
<OPTION VALUE="Opolskie">Opolskie</OPTION>
<OPTION VALUE="Podkarpackie">Podkarpackie</OPTION>
<OPTION VALUE="Podlaskie">Podlaskie</OPTION>
<OPTION VALUE="Pomorskie">Pomorskie</OPTION>
<OPTION VALUE="Slaskie">Śląskie</OPTION>
<OPTION VALUE="Swietokrzyskie">Świętokrzyskie</OPTION>
<OPTION VALUE="Warminskomazurskie">Warmińsko-mazurskie</OPTION>
<OPTION VALUE="Wielkopolskie">Wielkopolskie</OPTION>
<OPTION VALUE="Zachodniopomorskie">Zachodnio-pomorskie</OPTION>
<OPTION VALUE="Zagranica">Zagranica</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Miasto:
</TD>
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<INPUT TYPE="TEXT" NAME="Miejscowosc" style="width: 131px; text-align: right;" MAXLENGTH="100">
</TD>
</TR>
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Powierzchnia [m2]:
</TD>
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<INPUT TYPE="TEXT" NAME="MinPow" style="width: 58px" MAXLENGTH="20"> - <INPUT TYPE="TEXT" NAME="MaxPow" style="width: 57px" MAXLENGTH="20">
</TD>
</TD>
</TR>
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Cena [PLN]:
</TD>
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<INPUT TYPE="TEXT" NAME="MinCena" style="width: 58px" MAXLENGTH="20"> - <INPUT TYPE="TEXT" NAME="MaxCena" style="width: 57px" MAXLENGTH="20">
</TD>
<TR>
<TD style="width: 135px; vertical-align: top; text-align: left; padding-top: 5px">
Liczba pokoi:
<TD style="width: 135px; vertical-align: top; text-align: right; padding-top: 5px">
<SELECT NAME="LiczbaPokoi" style="width: 135px; text-align: right;">
<OPTION VALUE="0" SELECTED="SELECTED">Dowolna</OPTION>
<OPTION VALUE="1">1</OPTION>
<OPTION VALUE="2">2</OPTION>
<OPTION VALUE="3">3</OPTION>
<OPTION VALUE="4">4</OPTION>
<OPTION VALUE="5">5</OPTION>
<OPTION VALUE="6">6</OPTION>
<OPTION VALUE="7">7</OPTION>
<OPTION VALUE="8">8</OPTION>
<OPTION VALUE="9">9</OPTION>
<OPTION VALUE="10">Powyżej</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD colspan="2" style="vertical-align: top; text-align: center; padding-top: 5px">
<INPUT TYPE="SUBMIT" VALUE="Szukaj">
</TD>
</TR>
</TABLE></FORM></TD>
</TR>
</TABLE>
styl użyty w dokumencie:
p,li,ul {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 9pt;
color: #000000}
BODY
{
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #E0E0E0;
scrollbar-track-color: #F5F5F5;
scrollbar-arrow-color: #747474;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-shadow-color: #E0E0E0;
scrollbar-darkshadow-color: #747474;
}
SELECT
{background-color: #FFFFFF;
color: #000000;
font-size: 10pt;
font-family: Arial;
font-weight: normal;}
TEXTAREA,.TEXTBOX,.FILE
{background-color: #FFFFFF;
border: #7F9DB9 1px solid;
color: black;
font-family: Arial;
font-size: 8pt;
font-weight: normal;
}
.SUBMIT
{background-color: #cadeee;
border: #7F9DB9 1px solid;
color: black;
font-family: Arial;
font-size: 8pt;
font-weight: bold;}
FORM{
margin : 0px;
margin : 0px;
}
a:link, a:visited, a:active
{text-decoration:underline;
color:#000000}
a:hover
{text-decoration:none;
color:#FF802B}
table
{
border: 0px;
margin: 0px;
padding: 0px;
text-align: center;
}
tr
{
border: 0px;
margin: 0px;
padding: 0px;
}
td
{
color: white;
font-family: Arial;
font-size: 10pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
border: 0px;
margin: 0px;
padding: 0px;
}
h2
{
color: white;
font-family: Arial;
font-size: 12pt;
font-style: normal;
font-weight: bold;
text-align: center;
text-decoration: none;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
}