-
Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.
atman.pl!wsisiz.edu.pl!.POSTED!not-for-mail
From: Cezary Tomczyk <c...@g...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - jak to rozwiązać?
Date: Wed, 17 Apr 2013 10:55:12 +0200
Organization: http://www.wit.edu.pl
Lines: 37
Message-ID: <kklo1f$g4o$1@portraits.wsisiz.edu.pl>
References: <kklk1m$am5$1@node1.news.atman.pl>
NNTP-Posting-Host: ip-79-175-206-128.cable.smsnet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: portraits.wsisiz.edu.pl 1366188912 16536 79.175.206.128 (17 Apr 2013
08:55:12 GMT)
X-Complaints-To: a...@w...edu.pl
NNTP-Posting-Date: Wed, 17 Apr 2013 08:55:12 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/20130328
Thunderbird/17.0.5
In-Reply-To: <kklk1m$am5$1@node1.news.atman.pl>
Xref: news-archive.icm.edu.pl pl.comp.www:402091
[ ukryj nagłówki ]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/
Następne wpisy z tego wątku
- 17.04.13 14:49 Marek
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-07-23 Rzeszów => Spedytor Międzynarodowy <=
- 2025-07-23 Lublin => ERP Implementation Consultant (AP Module) <=
- 2025-07-23 Środa Wielkopolska => SAP FI/CO Internal Consultant <=
- 2025-07-23 Warszawa => Inżynier oprogramowania .Net <=
- 2025-07-23 Kraków => Kotlin Developer <=
- 2025-07-23 Żerniki => Dyspozytor Międzynarodowy <=
- 2025-07-23 Warszawa => Java Developer <=
- 2025-07-23 Wrocław => Konsultant wdrożeniowy (systemy controlingowe) <=
- 2025-07-22 Genialna toaleta Urobot, automatycznie badająca mocz i kał z Taiwanu
- 2025-07-22 Thunderbird i dysk...
- 2025-07-22 Warszawa => Programista Full Stack .Net <=
- 2025-07-22 Warszawa => Software .Net Developer <=
- 2025-07-22 Warszawa => Asystent ds. Sprzedaży i Rozwoju Klienta <=
- 2025-07-22 Warszawa => Sales Assistant and Customer Development Specialist <=
- 2025-07-22 antyfaszystka