-
Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not
-for-mail
From: ethanak <s...@b...pl>
Newsgroups: pl.comp.www
Subject: Re: Ładne buttony na stronie WWW
Date: Fri, 29 May 2009 04:11:48 +0000 (UTC)
Organization: http://onet.pl
Lines: 47
Message-ID: <gvnna4$s5$15@news.onet.pl>
References: <gvkb1i$t3o$1@achot.icm.edu.pl> <gvl5cq$s5$10@news.onet.pl>
<gvlisn$9il$1@achot.icm.edu.pl> <gvlqpi$s5$11@news.onet.pl>
<gvm9ht$thq$1@achot.icm.edu.pl>
NNTP-Posting-Host: 81.219.120.11
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1243570308 901 81.219.120.11 (29 May 2009 04:11:48 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Fri, 29 May 2009 04:11:48 +0000 (UTC)
User-Agent: Pan/0.133 (House of Butterflies)
Xref: news-archive.icm.edu.pl pl.comp.www:392120
[ ukryj nagłówki ]Dnia Thu, 28 May 2009 17:09:32 +0200, Marek napisał(a):
>[...]Załóżmy prosty przypadek, że grafika jest cieniowanym z
> góry do dołu prostokątem o zaokrąglonych rogach. Zastosowany gradient
> pozwala na powtarzanie się w poziomie tła. Wlewamy w niego 1 linię
> tekstu, którego szerokość wpływa na szerokość całego buttona. Grafika ma
> się dopasować automatycznie.
Czyli przypadek podręcznikowy :)
HTML:
<a class="guzik" href="#" onclick="akcja();return
false"><span><span>linijka tekstu</span></span></a>
CSS:
a.guzik {
background-image: url(gradient.gif);
background-repeat: repeat-x;
}
a.guzik span {
background-image: url(lewastrona.gif);
background-position: top left;
background-repeat: no-repeat;
}
a.guzik span span {
background-image: url(prawastrona.gif);
background-position: top right;
}
Pomijam tu display, padding i takie tam :)
Można też z jednym spanem - wtedy background dla <a> obejmuje lewą stronę
+ tło o szerokości równej maksymalnej szerokości takiego "buttona".
Zakładam tu, że może być użyty <a> a nie <input> (nie każda przeglądarka
pozwala na stylowanie sobie inputów wedle własnego widzimisię).
Pasuje?
ethanak
--
mailto=window.atob('ZXRoYW5ha0Bwb2xpcC5jb20=');
http://milena.polip.com/ - nie czekam na Ivo!
Następne wpisy z tego wątku
Najnowsze wątki z tej grupy
- 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>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-03-02 Tusk idzie na rekord deportacji po 1989 [Będzie popyt na prawników]
- 2025-03-01 Obywatel telefonuje 112 lub 986
- 2025-03-01 detektyw (?) Rutkowski działał jako prasa
- 2025-03-01 "Policjant został ujęty obywatelsko..."
- 2025-03-01 zatrzymanie zbyszka maja
- 2025-03-01 Warszawa => Expert Recruiter 360 <=
- 2025-03-01 Chrzanów => NodeJS Developer <=
- 2025-03-01 Warszawa => Gen AI Engineer <=
- 2025-03-01 Wrocław => Konsultant wdrożeniowy Comarch XL/Optima (Księgowość i
- 2025-03-01 Kraków => Technical Team Leader (Clojure, Java) <=
- 2025-03-01 Zrobił TV OLED z TV LCD
- 2025-03-01 Gdynia => Sales Executive / KAM <=
- 2025-03-01 Błonie => Sales Specialist <=
- 2025-03-01 Ryga => Konsultant Wdrożeniowy Comarch XL/Optima (Księgowość i Kad
- 2025-03-01 Żerniki => Dyspozytor Międzynarodowy <=