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

do góry

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/

do góry

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

do góry