[HTML][CSS]wyrównanie pól input, 3 inputy Opcje

[maxis88]

Witam Chcialbym zrobić 3 pola input koło siebie, przy czym pierwszy tekstowy to ten główny, a pozostałe dwa "+" i "-" (button) mają stać obok pierwszego ale jeden pod drugim chyba każdy wie o co chodzi... mają służyc do zwiększania wartości pierwszego inputa ale nijak wiem jak je estetycznie ustawić pod sobą

jakies pomysly/nakierowania?

[jg44]

Opcja 1:
Najprościej to tabelka (dla wszystkich, którzy zaraz wytoczą działa przeciw mnie, że sugeruję takie rozwiązanie informuję, że wiem, że nie powinno się używać tabel, ale tutaj nie chodzi o layout strony, tylko o formularz, więc nic złego się nie stanie).

[HTML] pobierz, plaintext 
<table>
<tr><td><input type="text" /></td><td><input type="submit" value="+" /></td></tr>
<tr><td></td><td><input type="submit" value="-" /></td></tr>
</table>
[HTML] pobierz, plaintext 

Opcja 2:
Jeśli nie tabelka, to css:

[HTML] pobierz, plaintext 
<div id="input1">
<input type="text" />
</div>
<div id="guziki">
<div id="input2">
<input type="submit" value="+" />
</div>
<div id="input3">
<input type="submit" value="-" />
</div>
</div>
[HTML] pobierz, plaintext 

CSS:

[CSS] pobierz, plaintext 
#input1{
position: relative;
float: left;
}
#guziki{
width: 100px;
position: relative;
float: left;
}
#input2{
width: inherit;
}
#input3{
clear: both;
}
[CSS] pobierz, plaintext 

Chyba, że źle Cię zrozumiałem.
PS. na przyszłość to wrzuć chociaż fragment swojego kodu.

Ten post edytował jg44 16.11.2011, 16:26:07

[maxis88]

zrobiłem drugim sposobem , żeby nie bawi się w tabelki i działa jak powinno dzięki wielkie teraz tylko poczytam o parametrach które piewrszy raz widzę ;P

[jg44]

Proszę bardzo.