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

do góry

j...@p...onet.pl pisze:
> 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.
>


Coś mi się wydaję, że utrudniłes sobię zadanie z tą tabelką. Nie
widziałem jeszcze aby ktoś dzisiaj robił formularz na tabelce - w końcu
jest ona przeznaczona do danych tabelarycznych.

W formularzu możesz używać divów, paragrafów, iformacje o polu możesz
wpakować w paragraf.

do góry