Dzień dobry,
Uczę się technologii WWW. Zrobiłem stronę .html na której w formularzu mam pola
z etykietami (sformatowałem to tabelką). Po prawej stronie pól są wskazówki dot.
wypełniania pól. Problem w tym, że nie wiem jak to sformatować, żeby wskazówki
były wyrównane jedna pod drugą. Chyba nie mogę użyć trzeciej kolumny tabelki bo
są sytuacje, że pole (druga kolumna) jest długie i wtedy wskazówka powinna być
poniżej. Nie wiem, może powinienem użyć stylu position. Oto jak to wygląda w HTMLu:

<tr>

<td><label for="client_email" class="obligatory">E-mail:</label></td>

<td>

<input type="text" id="client_email" name="client_email" maxlength="50"
size="50" style="width: 50 ex" onblur="validateEmail(this,
'client_email_error');">&nbsp;<span class="tip">konieczny albo e-mail...</span>

<span id="client_email_error" class="error_message"></span>

</td>

</tr>

<tr>

<td><label class="obligatory">Telefony komórkowe:</label></td>

<td>

<div>

<input type="text" id="client_mobile1" name="client_mobile1" maxlength="20"
size="20" style="width: 20ex" onblur="validateMobile(this,
'client_mobile1_error');">&nbsp;<span class="tip">...albo telefon
komórkowy...</span>

<span id="client_mobile1_error" class="error_message"></span>

</div>

<div>

<input type="text" id="client_mobile2" name="client_mobile2" maxlength="20"
size="20" style="width: 20ex" onblur="validateMobile(this,
'client_mobile2_error');">

<span id="client_mobile2_error" class="error_message"></span>

</div>

</td>

</tr>

<tr>

<td><label class="obligatory">Telefony stacjonarne:</label></td>

<td>

<div>

(<input type="text" id="client_direction1" name="client_direction1"
maxlength="5" size="5" style="width: 5ex" onblur="validateDirection(this,
'client_direction1_error');">) -

<input type="text" id="client_phone1" name="client_phone1" maxlength="20"
size="20" onblur="validatePhone(this, 'client_phone1_error');">&nbsp;<span
class="tip">...albo telefon</span>

<span id="client_direction1_error" class="error_message"></span>

<span id="client_phone1_error" class="error_message"></span>

</div>

<div>

(<input type="text" id="client_direction2" name="client_direction2"
maxlength="5" size="5" style="width: 5ex" onblur="validateDirection(this,
'client_direction2_error');">) -

<input type="text" id="client_phone2" name="client_phone2" maxlength="20"
size="20" onblur="validatePhone(this, 'client_phone2_error');">

<span id="client_direction2_error" class="error_message"></span>

<span id="client_phone2_error" class="error_message"></span>

</div>

</td>

</tr>


Byłbym wdzięczny za podpowiedź. Jestem kiepski w CSS.

--
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl