GoldenLine
Zaloguj się

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

Mam mały problem z listą rozwijalną. Potrzebuję listy, która zamknięta będzie pokazywać jedynie kod produktu, a rozwinięta np. kod - produkt. Jednak w zawartości option, jak wiadomo, nie można wstawiać żadnych znaczników, którymi mógłbym ustawić np. marginesy. Próbowałem wstawić znak tabulatora (ze średnikiem), ale jest interpretowany jako spacja, nawet jak ustawię white-space na pre. Szerokość pola, tak żeby wyświetlało tylko x znaków też nie jest dobrym pomysłem, bo kody nie są jednakowej długości, a pola muszą być. Jest jakiś sposób, aby to zrobić w prosty sposób, bo wstawianie nbsp w każdym option, żeby odpowiednio przesunąć zawartość to syzyfowa praca?

Przykład kodu jednej z list (tutaj nawet w jednej liście są różne długości kodów):
<select name="p01-08">

  <option value="ww">WW - wysokość wnęki</option>

  <option value="wws">WWS - wysokość wnęki + skrzynka</option>

</select>
Link do wypowiedziLink
Łukasz Stępa

Łukasz Stępa Front-End developer

Temat: Ostylowanie rozwijalnej listy - tabulatory

jesli chodzi o marginesy czy paddingi - próbowałeś je ustawić po prostu na option? wydaje mi się że powinno łapać. (wątpie żeby starsze IE łapały czy Opera - nie wiem nie testowałem :) )

Co do produkt / kod - produkt to nie za bardzo rozumiem. Może łatwiej było by na ul li? albo na dl dt? z jakimś rozwijanym skryptem.

Osobiście nie bawiłbym się w stylowanie selectów i optionów - stracisz na to całe wieki a i tak nie będzie wszędzie dobrze :)
Link do wypowiedziLink

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

Właśnie tutaj nie chodzi o czyste marginesy. Bardziej o jakąś tabulację. Co do kod - produkt chodzi mi o coś takiego:

Lista zwinięta:
+----------+

| KOD   |\/|

+----------+


Lista rozwinięta:
+----------+

| KOD   |\/|

+----------+-------+

| KOD - towar      |

| KOD - inny towar |

+------------------+


Jak widać powyżej "- towar" mieści się w widoczności zwiniętej listy, a chcę go "przesunąć" tak, aby na zwiniętej liście był widoczny sam kod. :)

PS. A czy mając ul li mogę wysłać przez formularz dane jak z select - name=value ?
Link do wypowiedziLink

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

Stylowanie pól formularza to zawsze syzyfowa praca.
Szczególnie "select" raczej nie powinno sie tego robić.
Ale jak pisał kolega wyżej dać to w "ul li" i to ułatwi ci manipulacje.
http://www.jankoatwarpspeed.com/post/2009/07/28/reinve...
Link do wypowiedziLink

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

Michał Szaniewski:
Stylowanie pól formularza to zawsze syzyfowa praca.
Szczególnie "select" raczej nie powinno sie tego robić.
Ale jak pisał kolega wyżej dać to w "ul li" i to ułatwi ci manipulacje.
http://www.jankoatwarpspeed.com/post/2009/07/28/reinve...

Stylowanie selecta jest dosyć proste - wystarczy nad nim umieścić jakąś rozwijaną JSem UL czy DT ostylowaną według uznania plus nieco "magii" JS do wybierania wartości selecta pod spodem... Nic trudnego.
Link do wypowiedziLink

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

Proste no tak średnio, nie jest to tylko selektor {właściwość: wartość;}.
Tylko trochę 'magii' JS i CSS :) Jednak powinno się coś zrobić z specyfikację html-a w tej sprawie.
Link do wypowiedziLink

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

Dzięki za odpowiedzi, bardzo mi się przyda ta wiedza. :)

Zgadzam się, specyfikacja całkowicie pominęła ten tag i manipulacja nim niestety nie ogranicza się do arkusza CSS.
Link do wypowiedziLink

konto usunięte

Temat: Ostylowanie rozwijalnej listy - tabulatory

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_...
Zobacz przykład “"dropdown" Style with menuWidth wider than menu and text formatting”
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

ostylowanie elementu listy ...




Wyślij zaproszenie do
Anuluj