[PHP] Wyrównanie Opcje

[blandzi]

Jak zrobic żeby wszystkie "pola w które jest mozliwosć wpisania" byly ustawione na równi a nie tak jak w linku kazde zaczyna się w innym miejscu.. Idzie jakos to zrobic nie bawiac sie z " "??

Chodzi mi o to: http://www.norbi123.lua.pl/nowy.php

[piotrooo89]

formularz to jest lista. więc stwórz sobie listę i odpowiednio ostyluj.

[Rafaeelloo]

Zrób tabelkę i znaczniki TR a w nich po 2 TD. 

[decha-design]

Zrób tabelkę i znaczniki TR a w nich po 2 TD. 

i mamy wtedy stronę ze standardami, o tak <3 ... porazka ...

zrób tak?

[HTML] pobierz, plaintext 
<div class="text">Tekst:</div>
<div class="field><input type="text" /></div>
<div class="clear"></div>
<div class="text">Tekst:</div>
<div class="field><input type="text" /></div>
<div class="clear"></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div.text {
float: left;
width: 100px;
}
 
div.field {
float: left;
width: 200px;
}
 
div.clear {
clear: both;
}
[HTML] pobierz, plaintext 

i po klopocie ...

[piotrooo89]

a nie wiem czy najlepszym rozwiązaniem jest nadawanie temu formularzowi elementów blokowych... ja bym to jednak na liście zrobił.

[blandzi]

Zrobilem to juz w tabeli ale i tak jestem ciekawy co piotrooo89 miales na mysli piszac "zrobic to na liscie"?

[flashdev]

Zrobilem to juz w tabeli ale i tak jestem ciekawy co piotrooo89 miales na mysli piszac "zrobic to na liscie"?

Kod

<ul>

<li>Login:<input type="test" name="login"></li>

<li>Imię:<input type="test" name="name"></li>

<li>itd...</li>

</ul>

[bikerszymek]

Ja jestem ciekaw jak chcesz ostylowac taka liste zeby wszystkie pola tekstowe byly rowno ustawione?
Moim zadniem najlepiej zrobic to na div'ach jak wyzej (albo analogicznie podwojne <li> dla kazdego pola) w ostatecznosci w tabeli.

Ten post edytował bikerszymek 26.12.2008, 12:12:35

[xerek]

Moim zdaniem nalepszy sposob to stworzyc jeden element <div> a w nim umiescic formularz i labele do niego a nastepnie ustawic style opływania dla formularza za pomoca polecenia float:right np'

[piotrooo89]

Ja jestem ciekaw jak chcesz ostylowac taka liste zeby wszystkie pola tekstowe byly rowno ustawione?

myślisz że się nie da? nadajesz jedną klasę dla wszystkich i błysk ciupagi i jest...

[blandzi]

Mam jeszcze pytanie troche z tym zwiazane jak moge np tekst przesunąc np o 1/4 strony albo jakies wieksze odleglosci?

[bim2]

Do formularzy powinnobyc używane <fieldlist> oraz <label> (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Tak na przyszłość mowię.

[bikerszymek]

myślisz że się nie da? nadajesz jedną klasę dla wszystkich i błysk ciupagi i jest...

To moze wstaw jaki css...

[bmL]

flashdev bardzo dobre rozwiązanie nigdy tak o tym nie myślałem.
Tak bym to zrobił będę musiał jeszcze przetestować ;]

[HTML] pobierz, plaintext 
<style type="text/css">
ul.form {
	width: 300px;
	text-align: right;
	list-style: none;
 
}
ul.form li {
	height: 25px;
}
ul.form li input {
	margin-left: 20px;
	width: 100px;
}
</style>
<ul class="form">
 
<li>Login:<input type="test" name="login"></li>
 
<li>Imię:<input type="test" name="name"></li>
 
<li>Imię:<input type="test" name="name"></li>
 
<li>Imię:<input type="test" name="name"></li>
 
</ul>
[HTML] pobierz, plaintext