Wyrównanie pól formularza, i opisów?


(Marcin E Pc) #1

Witam!

Ostatnio zastanawiałem się jak można by ładnie wyrównać pola formularza z ich opisami. Czyli najlepiej tak że pola jedne pod 2gim, jakby w jednej komórce tabeli wyrównane, a obok nich po lewej stronie opis pola. Czyli takie coś jak jest np. w rejestracji na forum DP. Zaglądałem do źródła forum dobrych programów i zobaczyłem że wszestko jest oparte na liście definicyjnej. Tylko jak to działa, jak jest wystylizowane w css? Liste Definicyjną żeby pole było wyświetlane obok opisu można zrobić tak:

dl, dt, dd {

      display: inline;

           }

Ale jak zrobić to wyrównanie? (tzn. jedno pole dokładnie pod 2gim?)

Pozdrawiam

PS. Wiem że można

ale chcę wiedzieć jak działą to w oparciu o


(Rkizeweter) #2

Zrób to najleopi w tabelce zwykłej albo się naucz czytać CSS.


(Marcin E Pc) #3

Najlepiej jak nie chcesz wnieść nic nowego do tematu to nie pisz w ogóle. Przeczytaj dokładnie to co ja napisałem. A co do czytania css to nie mam z tym zbytnich problemów, tylko zajęłoby mi to trochę czasu.A napisanie na forum, nie dość że może kiedyś pomóc czytającemu , pokazać inne modele tworzenia formularza. A czy forum nie miało być od zadawania pytań?

Pozdro


(adpawl) #4

Proponuję inną metode, przykład: http://www.pixy.cz/blogg/clanky/css-fie ... abels.html

a z listą definicji: http://www.clagnut.com/blog/241/


(Marcin E Pc) #5

Ja zrobiłem tak:

css:

label.kontakt {

      display: block;

      width: 47%;

      text-align: right;

      margin: 0;

      font: 11px Verdana, sans-serif;

      color: #1d3db7;

              }

A potem w html:

Imię i nazwisko:

I też było wyrównane, jednakże tylko wtedy gdy pola formularza miały jednakową szerokość, a tak poza tm było ok.

I dzięki za odpowiedź dodatkowe sposoby nie zaszkodzą

Pozdrawiam