MozillaPL.org - polskie centrum Mozilli

Główne menu:

[HTML/CSS] tabela i formularz

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[HTML/CSS] tabela i formularz

Postautor: mikol » 15 sierpnia 2006, 16:46

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5

Mam taką tabele, z formularzem:

Kod: Zaznacz cały
<table width="297" class="table">
<form action="index.php" method="post">
<tr>
<td width="122"><input name="imie" type="text"></td>
<td width="163" rowspan="4" valign="top"><textarea name="text" rows="4" cols="30"></textarea></td>
</tr>
<tr>
<td><input name="tekst"></td>
</tr>
<tr>
<td><input name="tekst"></td>
</tr>
<tr>
<td><input type=submit></td>
</tr>
</form>
</table>


I problem jest taki, ze "textarea" nie jest równo co do elementów po lewej stronie :|

Wygląda to tak:
[img=http://img117.imageshack.us/img117/2723/snap027mk7.th.jpg]

Chce zeby "textarea" równa wysokości tych 4 elementów co są po lewej stronie: (intput i button)

Da sie ? :|
mikol
 

Postautor: diablownik » 15 sierpnia 2006, 16:59

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1b1) Gecko/20060813 BonEcho/2.0b1

Da się. Moim zdaniem wystarczy zmienić rows="4" na rows="5" w textarea, powinno się wydłużyć trochę. Mam tylko wątpliwości, czy ta długość będzie tak idealna jak tego chcesz.

Poza tym do określania wyglądu stronu i jej elementów (w tym np. położenia i wymiarów) powinno się używać CSSa. Odpowiednio stosowany ma o wiele większe możliwości niż tabelki (których zresztą w tym celu stosować się nie powinno) :wink:
diablownik
 
Posty: 375
Z nami od: 02 sierpnia 2006, 14:10

Postautor: mikol » 15 sierpnia 2006, 17:07

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5

Niestety to nic nie dało :(
Zaznaczyłem na screenie o co mi chodzi, co jest nie równe...
http://img55.imageshack.us/img55/8525/snap028lw6.png

"Do określania wyglądu stronu" jak najbardziej uzywam CSS'a :)
Bo jak widzisz to nie jest tabela służąca do wyglądu strony, tylko do formularza ;] (w [code] jest <form> :) )

Więc czekam na dalszą pomoc ... :|
mikol
 

Postautor: diablownik » 15 sierpnia 2006, 17:27

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1b1) Gecko/20060813 BonEcho/2.0b1

Do czego używasz tabeli w formularzu? (tak z ciekawości pytam)
Nadal uważam, że CSSem można to spokojnie zrobić. Przecież w CSSie można zmienić wymiary i położenie elementów typu input, textarea i przycisków :) Tworzysz dwa, najwyzej trzy divy, w których wszystko odpowiednio rozmieszczasz, dopasowując oczywiście wymiary. Pokombinuj, powinno się udać :wink:
diablownik
 
Posty: 375
Z nami od: 02 sierpnia 2006, 14:10

Postautor: mikol » 15 sierpnia 2006, 18:11

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5

No ok, ale ja pisałem w sprawie innego problem.

Ale juz rozwiązałem to, dalem "textarea" pod input'y i w sumie tez tak moze byc :]
mikol
 

Postautor: Stef » 17 sierpnia 2006, 03:44

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.5) Gecko/20060731 Firefox/1.5.0.5 Flock/0.7.4.1

Czasami coś napiszę na stef.log
Stef
Moderator
 
Posty: 3466
Z nami od: 16 kwietnia 2004, 11:05

Postautor: riddle » 18 sierpnia 2006, 08:04

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Operuj na procentach, nadaj szerokość dla fieldset (albo form), potem daj szerokości inputów i marginesy na %, wreszcie dopełnij szerokością textarea żeby było = 98% (bo mamy tu jeszcze obramowania na 1px).
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Google [Bot]

cron
Przejdź do powiązanej strony

Nawigacja:

Stopka: