Obrazek prezentuje problem. To co jest u gory wyswietlana jest przez FireFoxa, wersja 1.0.6. Jak widac znacznie rozni sie od tego wyswietlanego w IE.
Problem polega na tym ze nie wiem co powoduje bledne wyswietlanie tabeli.
Kod XHTML:
Kod
<table class="inputTable" cellpadding="0" cellspacing="0">
<tr>
<td>
<p>Wprowadz dowolna fraze:<br/><input type="text" name="search" size="100" maxlength="500" /></p>
</td>
<td width="70px">
<p><br/><input type="submit" name="a" value="Szukaj" accesskey="S"></p>
</td>
</tr>
<tr>
<td>
<p><a class="searchTabLink" href="szukaj.php" title="Kliknij aby zobaczyc zaawansowane opcje wyszukiwania...">Zaawansowane wyszukiwanie</a> <a class="searchTabLink" href="pomoc.php" title="Kliknij aby zobaczyc pomoc...">Jak szukac?</a></p>
</td>
<td>
<p> </p>
</td>
</tr>
</table>
CSS:
.inputTable {
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
a.searchTabLink:link, a.searchTabLink:visited, a.searchTabLink:hover {
color: #999999;
text-decoration: underline;
font-size: 8pt;
}
<tr>
<td>
<p>Wprowadz dowolna fraze:<br/><input type="text" name="search" size="100" maxlength="500" /></p>
</td>
<td width="70px">
<p><br/><input type="submit" name="a" value="Szukaj" accesskey="S"></p>
</td>
</tr>
<tr>
<td>
<p><a class="searchTabLink" href="szukaj.php" title="Kliknij aby zobaczyc zaawansowane opcje wyszukiwania...">Zaawansowane wyszukiwanie</a> <a class="searchTabLink" href="pomoc.php" title="Kliknij aby zobaczyc pomoc...">Jak szukac?</a></p>
</td>
<td>
<p> </p>
</td>
</tr>
</table>
CSS:
.inputTable {
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
a.searchTabLink:link, a.searchTabLink:visited, a.searchTabLink:hover {
color: #999999;
text-decoration: underline;
font-size: 8pt;
}
Czy istnieje jakis sposob aby wraz ze zmiana rozmiaru okna zmieniac rozmiar input boxa (size a nie maxlength)?
