Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] selecty i input w jednej linii
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
KCG
Zrobiłem nietypowe listy przy użyciu css i js:

Problem polega na tym, że chcę je i inputa mieć w jednej linii.
Tutaj css:
  1. #sort_gielda select {
  2. display: block;
  3. margin: 0 10px 10px 0;
  4. width: 107px;
  5. }
  6. #sort_gielda select.replaced {
  7. width: 1px;
  8. position: absolute;
  9. left: -999em;
  10. }
  11. ul.selectReplacement {
  12. background-color: #ddd;
  13. border: 2px solid #404040;
  14. margin: 0 0 10px;
  15. padding: 0;
  16. height: 21px;
  17. width: 107px;
  18. position: relative;
  19. z-index: 1000;
  20. }
  21. ul.selectFocused {
  22. background-color: #ddd;
  23. }
  24. ul.selectReplacement li {
  25. background: url(images/gielda/v.gif) center right no-repeat;
  26. background-color: #ddd;
  27. color: #404040;
  28. cursor: pointer;
  29. display: none;
  30. font-size: 11px;
  31. line-height: 1.7em;
  32. list-style: none;
  33. margin: 0;
  34. padding: 1px 12px;
  35. width: 83px;
  36. }
  37. ul.selectOpen li {
  38. background-image: none;
  39. display: block;
  40. }
  41. ul.selectReplacement li.selected {
  42. background-color: #ddd;
  43. color: #404040;
  44. display: block;
  45. }
  46. ul.selectOpen li.selected {
  47. background-color: #404040;
  48. color: #ddd;
  49. border: 0;
  50. display: block;
  51. }
  52. ul.selectOpen li:hover,
  53. ul.selectOpen li.hover,
  54. ul.selectOpen li.selected:hover {
  55. background-color: #404040;
  56. color: #ddd;
  57. }
Shili
float: left;

Nie zdziw się, jak Ci coś w reszcie strony runie. Następny element, czyli proponuję zawierający te Części, Ubrania... potraktować clear: both;
KCG
Nie działa. Żadnej zmiany, poza tym, że to co mówiłeś, przycisk w dolnym formularzu się przesunął na lewo, ale on i tak będzie usunięty.

Dobra działa, w złym miejscu zmieniłem winksmiley.jpg
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.