newbie: wyrównanie tekstów jeden pod drugim - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › newbie: wyrównanie tekstów jeden pod drugim › newbie: wyrównanie tekstów jeden pod drugim

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!new
sgate.onet.pl!niusy.onet.pl
From: j...@p...onet.pl
Newsgroups: pl.comp.www
Subject: newbie: wyrównanie tekstów jeden pod drugim
Date: Fri, 26 Feb 2010 12:25:17 +0100
Organization: Onet.pl
Lines: 101
Sender: n...@n...onet.pl
Message-ID: <4...@n...onet.pl>
NNTP-Posting-Host: newsgate.onet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="iso-8859-2"
Content-Transfer-Encoding: 8bit
X-Trace: newsgate.onet.pl 1267183518 21514 213.180.130.18 (26 Feb 2010 11:25:18 GMT)
X-Complaints-To: u...@n...onet.pl
NNTP-Posting-Date: Fri, 26 Feb 2010 11:25:18 +0000 (UTC)
Content-Disposition: inline
X-Mailer: http://niusy.onet.pl
X-Forwarded-For: 83.24.52.183, 10.174.28.58
X-User-Agent: Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.1.8) Gecko/20100214
Ubuntu/9.10 (karmic) Firefox/3.5.8
Xref: news-archive.icm.edu.pl pl.comp.www:395104
[ ukryj nagłówki ]
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');"> <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');"> <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');"> <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