Podwójne tła Opcje

[BDCC]

Czy istnieje możliwość zrobienia dwóch tłeł dla jednego znacznika? Chodzi mi o to:

[HTML] pobierz, plaintext 
<blockquote>cytat</blockquote>
[HTML] pobierz, plaintext 

Uzyskać coś takiego:

Efekt taki uzyskałem przez to:

[HTML] pobierz, plaintext 
<blockquote><p>test</p></blockquote>
[HTML] pobierz, plaintext 

dając jedno tło w blockquote a drugie w p, ale zajdzie konieczność używania wielu <p> dolne tło się powtarza... czy jest jakaś rada na to?

[gekon]

W CSS 2.1 nie ma takiej możliwości. Są dwa sposoby: albo jako "Koniec cytatu" wstawisz obrazek, albo ostatniemu elementowi w blockquote dasz tło (gdyby IE obsługiwał :last-child to nie byłoby problemu..). Moim zdaniem lepiej jest wrzucić obrazek na dole.

Ten post edytował gekon 10.08.2006, 12:34:30

[Zajec]

Jesteś skłonny olać IE?

Kod

blockquote {
background: url() center top no-repeat;
}
blockquote:after {
display: block;
content: "";
height: 30px;
background: url() no-repeat;
}

[devnul]

a moze tak

[HTML] pobierz, plaintext 
<blockquote><p class="cytat">
jakiś cytat
<p>inne "p"</p>
</p></blockquote>
[HTML] pobierz, plaintext 

i css

Kod

blockquote { background:transparent  url('tlo.gif') no-repeat top}
blockquote p.cytat{ background:transparent  url('tlo.gif') no-repeat  bottom}

w ie działa w innych tez - i to chyba rozwiaze twój problem?
mozna tez zrobic tak

Kod

blockquote { background:transparent  url('tlo.gif') no-repeat top}
blockquote>p{ background:transparent  url('tlo.gif') no-repeat  bottom}

zadziała to w ie 7 i nie ma koniecznosci deklaracji nazwy klasy

Ten post edytował devnul 14.08.2006, 19:45:47

[Zajec]

@devnul sądzę, że BDCC potrafi zrobić dwa tła używając dwóch znaczników. Chodziło raczej o dwa tła przy pomocy samego blockquote.

Co więcej Twoje rozwiązanie jest nieprawiłowe, bo umieszczacz p wewnątrz p.

p jest elementem blokowym, a można w nim umieszczać tylko elementy liniowe. Należałoby więc użyć div'a.

Ten post edytował Zajec 14.08.2006, 21:51:50

[BDCC]

Jesteś skłonny olać IE?

Kod

blockquote {
background: url() center top no-repeat;
}
blockquote:after {
display: block;
content: "";
height: 30px;
background: url() no-repeat;
}

I zdaje, że zaczne olewać IE, bo ta przeglądarka coraz bardziej zaczyna mnie wkurzać :/ Dziękuje, wszystkim za pomoc