Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] selecty i input w jednej linii, przy display: block;
KCG
post 5.07.2008, 14:11:55
Post #1





Grupa: Zarejestrowani
Postów: 449
Pomógł: 4
Dołączył: 1.12.2006

Ostrzeżenie: (0%)
-----


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. }


--------------------
9242594 - zaczynasz? jak mogę, to pomogę :D /podstawowa znajomość php :P /
"to pomoc zawsze będzie gestem pięknym, zaliczana do tych teraz rzadko spotykanych..."
Go to the top of the page
+Quote Post
Shili
post 5.07.2008, 14:21:40
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----


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;
Go to the top of the page
+Quote Post
KCG
post 5.07.2008, 21:07:04
Post #3





Grupa: Zarejestrowani
Postów: 449
Pomógł: 4
Dołączył: 1.12.2006

Ostrzeżenie: (0%)
-----


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


--------------------
9242594 - zaczynasz? jak mogę, to pomogę :D /podstawowa znajomość php :P /
"to pomoc zawsze będzie gestem pięknym, zaliczana do tych teraz rzadko spotykanych..."
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.06.2025 - 17:17