Odstępy w formularzu


(Piotrswiniarski87) #1

Mam taki sobie formularz stworzony na liscie

Imie:
Nazwisko:

[/code]

i tu mam pytanko, jak zrobić aby pola do wpisywania tekstu zaczynały się w tym samym miejscu??

czy każdemu inputowi nadać class, czy jakoś inaczej??


(Ghoost11) #2

Najłatwiej zrobić w tabelce.


(M@ster) #3

W CSS:

label

{

  float: left;

}

ew.

label

{

  display: inline;

}

piszę z głowy, nie testowałem ale powinno dać to odpowiedni rezultat.


(Piotrswiniarski87) #4
label

{

  float: left;

}

to daje taki rezultat, że nazwy pól są pisane od lewej ale inputy dalej nie zaczynają się w tym samym miejscu.

czy nie ma innego sposobu, żeby tego nie robić na tabelkach??


(Kontakt) #5

Najlepiej na tabelkach. Czasami jeszcze ludzie ustawiają to twardymi spacjami, ale to chyba najgorsze co można zrobić, w takim przypadku :wink:

Radzę zrobić tabelkę z dwoma wierszami i dwoma rzędami :wink: W pierwszym rzędzie masz nazwy, a w drugim pola.


(Piotrswiniarski87) #6

Właśnie myślałem o tabelkach, ale byłem przekonany, że da się to jakoś inaczej zrobić, bez używania tabelek

szukałem w necie i nawet kurshtml.boo.pl pokazuje od wykonany na tabelkach, chyba tak zrobię


(Sitemaster) #7

bo poza floatem trzeba jeszcze stałą długość labela ustawić np width: 150px;


(Zbyszekborkowski) #8

Tabelki to nie najlepsze wyjście. Wystarczy nadać labelom taką samą szerokość. Poza tym zamień znacznik na odpowiednie style CSS.

Tak to powinno mniej więcej wyglądać:

label {

    width: 100px; /* wpisz odpowiednią dla Twojego przypadku wartość */

    font-weight: bold;

}

//edit

Ehh, api mnie ubiegł :wink:.


(M@ster) #9

No to ustawiasz inputom margin-left na jakaś jedną wartość i problem z głowy, albo to co zaproponował wyżej api i absens.


(Piotrswiniarski87) #10

dzięki właśnie o to mi chodziło