Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]wyrównanie pól input
Forum PHP.pl > Forum > Przedszkole
maxis88
Witam smile.gif 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 smile.gif 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ą wink.gif

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).
  1. <tr><td><input type="text" /></td><td><input type="submit" value="+" /></td></tr>
  2. <tr><td></td><td><input type="submit" value="-" /></td></tr>

Opcja 2:
Jeśli nie tabelka, to css:
  1. <div id="input1">
  2. <input type="text" />
  3. </div>
  4. <div id="guziki">
  5. <div id="input2">
  6. <input type="submit" value="+" />
  7. </div>
  8. <div id="input3">
  9. <input type="submit" value="-" />
  10. </div>
  11. </div>

CSS:
  1. #input1{
  2. position: relative;
  3. float: left;
  4. }
  5. #guziki{
  6. width: 100px;
  7. position: relative;
  8. float: left;
  9. }
  10. #input2{
  11. width: inherit;
  12. }
  13. #input3{
  14. clear: both;
  15. }

Chyba, że źle Cię zrozumiałem.
PS. na przyszłość to wrzuć chociaż fragment swojego kodu. smile.gif
maxis88
zrobiłem drugim sposobem , żeby nie bawi się w tabelki i działa jak powinno wink.gif dzięki wielkie wink.gif teraz tylko poczytam o parametrach które piewrszy raz widzę ;P
jg44
Proszę bardzo. smile.gif
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.