eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - jak to rozwiązać?
Ilość wypowiedzi w tym wątku: 3

  • 1. Data: 2013-04-17 09:47:02
    Temat: CSS - jak to rozwiązać?
    Od: Marek <p...@s...com>

    Witam,

    Chciałbym aby blok zachowywał się (wizualnie) w poziomie jako
    overflow:hidden a w pionie jako overflow:visible.

    Chodzi o zrobienie przewijanego paska z ikonkami o określonej
    szerokości. Zawartość po lewej i prawej ma być niewidoczna. Każda z
    ikonek posiada infochmurkę, która z kolei ma wyjść poza blok. Czy da się
    to rozwiązać na CSS w ogóle?

    <nav>
    <article>
    <img src="ikonka">
    <div class="infochmurka">tu tekst</div>
    </article>
    <article>
    <img src="ikonka">
    <div class="infochmurka">tu tekst</div>
    </article>
    ...
    </nav>

    --
    Pozdrawiam
    Marek


  • 2. Data: 2013-04-17 10:55:12
    Temat: Re: CSS - jak to rozwiązać?
    Od: Cezary Tomczyk <c...@g...com>

    W dniu 2013-04-17 09:47, Marek pisze:
    > Witam,
    >
    > Chciałbym aby blok zachowywał się (wizualnie) w poziomie jako
    > overflow:hidden a w pionie jako overflow:visible.
    >
    > Chodzi o zrobienie przewijanego paska z ikonkami o określonej
    > szerokości. Zawartość po lewej i prawej ma być niewidoczna. Każda z
    > ikonek posiada infochmurkę, która z kolei ma wyjść poza blok. Czy da się
    > to rozwiązać na CSS w ogóle?
    >
    > <nav>
    > <article>
    > <img src="ikonka">
    > <div class="infochmurka">tu tekst</div>
    > </article>
    > <article>
    > <img src="ikonka">
    > <div class="infochmurka">tu tekst</div>
    > </article>
    > ...
    > </nav>

    Ja bym:

    1. Użył z-index oraz overflow-x i overflow-y
    2. HTML zrobiłbym tak:

    <nav>
    <ul>
    <li><img src="ikonka"/><span>tu tekst</span></li>
    </ul>
    </nav>

    --
    Cezary Tomczyk
    http://www.ctomczyk.pl/


  • 3. Data: 2013-04-17 14:49:07
    Temat: Re: CSS - jak to rozwiązać?
    Od: Marek <p...@s...com>

    W dniu 2013-04-17 10:55, Cezary Tomczyk pisze:

    >
    > 1. Użył z-index oraz overflow-x i overflow-y

    z-index nie wpływa przecież na zachowanie elementu względem nadrzędnego
    z overflow. Czy mam rację?

    Ustawiłem:
    overflow-x: hidden;
    overflow-y: visible;

    ...i pojawił mi się pionowy pasek przewijania. Tak jakby overflow-y był
    ignorowany. Czegoś nie rozumiem tu :-(

    > 2. HTML zrobiłbym tak:
    >
    > <nav>
    > <ul>
    > <li><img src="ikonka"/><span>tu tekst</span></li>
    > </ul>
    > </nav>
    >

    W zasadzie mam podobnie. Chyba, że nie wiem na co patrzeć.

    --
    Pozdrawiam
    Marek

strony : [ 1 ]


Szukaj w grupach

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: