Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]text, input, button w jednej linii
Forum PHP.pl > Forum > Przedszkole
Puchaczov
jak w temacie, mam z tym problem i może ktoś podpowie co robię źle. W tej chwili wygląda to tak, że Tytuł oraz input jest w jednej linii a button w następnej i nie mogę odnaleźć błędu.

  1.  
  2. <div id="tittle">
  3. <div id="tittleButton">Tytuł</div>
  4. <div id="input2"><input type="text" class="sendEmail"></input></div>
  5. <div id="confirm"><input type="button" class="send" value="Wyślij"></input></div>
  6. </div>


  1. div#input2{
  2. width:50%;
  3. margin-left:40px;
  4. margin-top:0px;
  5. margin-bottom:0px;
  6. height:24px;
  7. border:0px;
  8. }
  9. input.sendEmail{
  10. width:200px;
  11. height:22px;
  12. border-color:#a52a2a;
  13. border:1px solid;
  14. margin-left:0px;
  15. margin-top:0px;
  16. margin-bottom:0px;
  17. float:left;
  18. }
  19. div#confirm{
  20. width:50px;
  21. height:22px;
  22. margin:0px;
  23. }
  24. input.send{
  25. width:60px;
  26. color:#ffdb9d;
  27. background-color:#a52a2a;
  28. border:0px;
  29. }
  30. div#tittle{
  31. width:100%;
  32. height:30px;
  33. border:0px;
  34. font-family:TimesNewRoman;
  35. margin-top:0px;
  36. margin-bottom:0px;
  37. }
jacobson
te <div id="input2"> przy inputach sa zbedne. Przeciez w samym inpucie masz juz klase.

daj
  1. #titleButton{
  2. float:left;
  3. }
  4. .sendEmail{
  5. float:left;
  6. }
  7. .send{
  8. float:left;
  9. }


a te ktore sa niepotrzebne w tym momencie to skasuj
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.