[NiceForms][CSS] Ustawienie Select i Text w linii, Jak to zrobić? Opcje

[Tomplus]

Testowy NiceForms
http://sensiman.pl/tomplus/niceforms/niceforms.html

a chce aby było


Ja już nie daje rady. Proszę o pomoc.

Ten post edytował Tomplus 10.06.2008, 14:37:05

[sowiq]

Możesz użyć stylu 'padding-top' albo 'position' dla jednego z elementow, tzn select'a, albo span'a, do którego wrzucasz tekst.
np:

Kod

span.mojaKlasa{
  padding-top: 3px;
}

ps. tylko uważaj, bo różne przegladarki różnie lubią wyświetlać takie rzeczy. Ew. pobaw sie stylem 'float' dla select'a.

Ten post edytował sowiq 10.06.2008, 17:37:35

[ShadowD]

Daj nazwę z polem w <p>...</p> i powinno być ok...

EDIT:

Jednak nie działa, masz zawsze możliwość stworzenia tabelki....

Ten post edytował ShadowD 10.06.2008, 18:48:04

[Tomplus]

Tabelka ?
Wykluczone.
Tabelki nie są przeznaczone do takiej moderacji strony, a ja w ogóle nie stosuje tabelek do takich rzeczy, tylko zgodnie z przeznaczeniem.



Prawdopodobnie coś wisi w JS.

jest tam funkcja replaceSelects()
która zastepuje <select> i wstawia <div>'y i <select> po tuningu.

i co teraz zrobic ?

[Pilsener]

ja w ogóle nie stosuje tabelek do takich rzeczy, tylko zgodnie z przeznaczeniem

- a <br /> służy do wstawienia nowej linii w tekście a div do budowania szkieletu strony, a nie formularzy.

Co za różnica, czy dasz <table><tr><td> czy <div><div><br /><div> - w dobrym kodowaniu nie chodzi o zastąpienie <td> <div>. Moim zdaniem idziesz w złym kierunku i Twój kod nie jest ani trochę lepszy od tabelek. Pokasuj te wszystkie divy i beery, po co Ci one do tak prostego formularza? Nie znasz innych tagów html poza <div> i <br />?

Do grupowania pól formularza używa się <fieldset> + paragrafy i jesteś w domu:

[HTML] pobierz, plaintext 
<fieldset>
   <p>Tekst 1<select></select></p>
   <p>Tekst 2<input /></p>
</fieldset>
[HTML] pobierz, plaintext 

- w CSS możesz floatem ustawić fieldsety, wyrównać szerokość każdego inputa i label tak, aby wyglądało to ładnie i spójnie. Divem można się wspomóc w ostateczności, kiedy mamy do czynienia z bardzo rozbudowanym i skomplikowanym formularzem (z Twój taki nie jest na pewno)

[Tomplus]

Co do stosowania tabelek zdania nie zmienię.

Jednak w tej chwili nie chodzi w którym kierunku idę, ale masz racje.
Rzadko stosuje fieldset, ale to nie znaczy że w ogóle nie stosuje.

Jednak ten problem powyższy jest już w randze JS, bo gdzieś w pliku .js jest sytuacja że dodają się dodatkowe divy, które zrzucają pod text cały SELECT.

W kodzie wychodzi nam sytuacja ze jest:
Text <div id="left"></div><div id="center"></div><div id="right"></div> <select></select>

Te 3 DIVy drukuje JS, po co ?
Po to aby pola SELECT, INPUT wyglądały Nice, co się zgadza.


Teraz jak zrobić aby te 3 div'y nie schodziły linię w dół ?