CSS - problem z tłem - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - problem z tłem › CSS - problem z tłem

Path: news-archive.icm.edu.pl!news.icm.edu.pl!not-for-mail
From: Marek <b...@e...com>
Newsgroups: pl.comp.www
Subject: CSS - problem z tłem
Date: Sun, 25 Jul 2010 12:13:47 +0200
Organization: Dzial Sieciowy ICM, Uniwersytet Warszawski
Lines: 20
Message-ID: <v...@4...net>
NNTP-Posting-Host: chello087207027155.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="iso-8859-2"
Content-Transfer-Encoding: 8bit
X-Trace: news.net.icm.edu.pl 1280052827 19453 87.207.27.155 (25 Jul 2010 10:13:47
GMT)
X-Complaints-To: u...@n...net.icm.edu.pl
NNTP-Posting-Date: Sun, 25 Jul 2010 10:13:47 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.1pl
Xref: news-archive.icm.edu.pl pl.comp.www:396325
[ ukryj nagłówki ]

Witam,

Chciałbym osiągnąć efekt automatycznego umieszczania banderoli nad
obrazkiem na stronie WWW. Obrazek pobierany jest z CMS i posiada
nieprzewidywalne rozmiary. Banderola ma być nad nim załóżmy 20px od jego
dolnej krawędzi. Jak dokonać automatycznego pozycjonowania banderoli w CSS
względem dolnej krawędzi (bez ingerowania w CMS, bez JS)?

Zobrazowanie:

<div class="thumbnail" style="background-image:url(URL_Z_CMS);
width:SZEROKOSC_Z_CMSpx; height:WYSOKOSC_Z_CMSpx">
<div></div>
</div>

Wewnętrzny <div> będzie zawierał jako tło fragment paska banderoli -
półprzeźroczysty prostokąt z cieniem w PNG 32 powtarzany w poziomie. DIV
może posiadać więc narzuconą wysokość w pikselach i szerokość 100%. Może
też jedno i drugiem mieć ustawione na 100% a pozycjonować będziemy samo
tło. W obu tych wariantach nie bardzo potrafie dać sobie radę.