eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - wstrzykiwanie koduRe: CSS - wstrzykiwanie kodu
  • Data: 2011-12-28 19:43:54
    Temat: Re: CSS - wstrzykiwanie kodu
    Od: Mirosław Zalewski <miniopl@CUT_THIS.gmail.com> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    środa, 28 grudnia 2011 18:38 wielka mądrość na czytelników pl.comp.www
    spłynęła, gdy tako rzekł(a) Marek:

    > Znaczników potrzebuję. Mam pewien box (table-cell), który po najechaniu
    > myszką ma zyskać strzałkę po prawej stronie na zewnątrz. Więc muszę
    > umieścić 2 DIVy zagnieżdżone.

    Ale czym różni się div w kodzie HTML od pseudoelementu CSS, któremu możesz
    nadać wszelkie możliwe właściwości (włącznie z rozmiarami, pozycjonowaniem
    i tłem)?

    Czy poniższy przykład nie jest mniej więcej tym, co chcesz osiągnąć?
    Oczywiście wymaga on dopracowania, ale chodzi o przedstawienie ogólnej
    zasady działania.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf8>
    <style>
    ul {
    background-color: green;
    width: 200px;
    }
    li {
    display: table-cell;
    background-color: yellow;
    width: 200px;
    }
    li:hover span::after {
    content: "->";
    font-size: 200%;
    background-color: red;
    position: relative;
    top: 0;
    left: 60px;
    }
    </style>
    </head>
    <body>
    <ul>
    <li><span>Jakaś tam treść</span></li>
    <li><span>Jakaś tam treść</span></li>
    </ul>
    </body>
    </html>
    --
    Niżej podpisany, zamieszkały w http://minio.xt.pl ,
    Mirosław Zalewski

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: