Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] Wyrównanie
Forum PHP.pl > Forum > Przedszkole
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
Cytat(Rafaeelloo @ 25.12.2008, 21:33:47 ) *
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?

  1. <div class="text">Tekst:</div>
  2. <div class="field><input type="text" /></div>
  3. <div class="clear"></div>
  4. <div class="text">Tekst:</div>
  5. <div class="field><input type="text" /></div>
  6. <div class="clear"></div>


  1. div.text {
  2. float: left;
  3. width: 100px;
  4. }
  5.  
  6. div.field {
  7. float: left;
  8. width: 200px;
  9. }
  10.  
  11. div.clear {
  12. clear: both;
  13. }


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
Cytat(blandzi @ 26.12.2008, 00:00:12 ) *
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.
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
Cytat(bikerszymek @ 26.12.2008, 12:08:48 ) *
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> smile.gif Tak na przyszłość mowię.
bikerszymek
Cytat(piotrooo89 @ 26.12.2008, 13:49:57 ) *
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ć ;]
  1. <style type="text/css">
  2. ul.form {
  3. width: 300px;
  4. text-align: right;
  5. list-style: none;
  6.  
  7. }
  8. ul.form li {
  9. height: 25px;
  10. }
  11. ul.form li input {
  12. margin-left: 20px;
  13. width: 100px;
  14. }
  15. <ul class="form">
  16.  
  17. <li>Login:<input type="test" name="login"></li>
  18.  
  19. <li>Imię:<input type="test" name="name"></li>
  20.  
  21. <li>Imię:<input type="test" name="name"></li>
  22.  
  23. <li>Imię:<input type="test" name="name"></li>
  24.  
  25. </ul>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.