eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - jak sformatować listę?Re: CSS - jak sformatować listę?
  • Data: 2013-10-21 11:17:23
    Temat: Re: CSS - jak sformatować listę?
    Od: Marek <p...@s...com> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    W dniu 2013-10-21 08:32, Neevor pisze:
    >>
    >>> Aby przesunąć margines ustaw odpowiedni margines, OIDP 2em usuwa to
    >>> wcięcie.
    >>>
    >>
    >> Skąd ta magiczna wartość?
    >>
    > uzyskana doświadczalnie

    Heh, też w ten sposób doszedłem do niej. Sądziłem, że istnieje jakaś
    tajna dokumentacja, która o tym mówi.

    >>
    > nie mam (jeszcze) wiedzy na ten temat, a i jak żyję to chyba maksymalnie
    > 10 pozycji na liście miałem
    > generalnie pierwsze co robię to list-style: none ;)
    >
    > szybki research pokazał, że to jednak nie jest :before :|
    > w wolnej chwili się pobawię

    A no właśnie... tu też mam wątpliwości. Posługuję się tą techniką lecz
    tu również głową w mur uderzyłem, ale z innego powodu. Jeśli indeks
    listy generujemy poprzez przypisanie do LI:before:

    content: counter(licznik)"."
    position: absolute
    left: -ileśtam px

    to żeby zadziałał text-align: right i wszystlie LI miały indeks w tym
    samym miejscu patrząc na pozycje kropki, musimy narzucić stałą szerokość
    elementu. No i teraz pytanie: jaką? Nie wiemy tego bo trudno przewidzieć
    ilość znaków: jeden, dwa, trzy? Jeśli szerokość będzie z zapasem, czyli
    "zbyt szeroka", to jeśli pod listą znajdzie się jakiś element, który ma
    reagować na myszkę (onmouseover), to element listy go przesłoni.
    Niestety nie ma (jeszcze) stylu kill-mouse-events: on.

    --
    Pozdrawiam
    Marek

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: