[CSS] Zaokrąglone rogi

9 odpowiedzi | Ostatni wpis
czwartek, 16 luty 2006, 13:21
Szorstki
Offline
Ostatnio: 4 lata 50 tygodni temu
Dołączył: 12/01/2004

Da się to zrobić? Np. jak mam jakiegoś diva, nadam mu border, można zaokrąglić rogi?

↑↑↑
czwartek, 16 luty 2006, 14:16 #1
RyaN
Offline
Ostatnio: 4 lata 21 tygodni temu
Dołączył: 08/25/2003

tak ja mówisz to raczej nie. Ale jak masz diva o określonej szerokości to tworzysz tło dla górnego zaokrąglenia i dla dolnego i używasz :before i :after... wada - nie działa w IE... :/

Dla nie zdefyniwanej szerokości też się da, tylko trzeba pokombinowac z background i content.

A jak nie to trzeba użyc dodatkowych divow...

↑↑↑
czwartek, 16 luty 2006, 18:19 #2
anonimowy

W chwili obecnej tylko jako tło a tak na poważnie, to Geckowate już obsługują właściwość CSS "border-radius" (jako "-moz-border-radius"), który będzie wprowadzony dopiero w CSS 3:

http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius

Także wprowadzone mają być:

border-image
http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-image-uri

border-break
http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-break

border-fit
http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-image-fit

i co jest bardzo ciekawe:

box-shadow
http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-box-shadow

oraz wiele, wiele innych właściwości :).

↑↑↑
piątek, 17 luty 2006, 05:10 #3
anonimowy

ktore nie beda dzialaly w IE :) hehehe
IE - powinni tego zabronic!!
ff - nie dla idiotów:)

↑↑↑
piątek, 17 luty 2006, 11:38 #4
anonimowy

Oglądać w FF:

<?xml version="1.0" encoding="iso-8859-2"?>



	-moz-border-radius







#div1 {
-moz-border-radius: 1em;
}





#div2 {
-moz-border-radius: 2em 1em;
}

http://www.webreference.com/dhtml/column70/2.html

http://xulplanet.com/references/elemref/ref_StyleProperties.html

↑↑↑
piątek, 17 luty 2006, 14:13 #5
Szorstki
Offline
Ostatnio: 4 lata 50 tygodni temu
Dołączył: 12/01/2004

Ok, następne pytanie za 100pkt:

Czy jak mam jednego diva, mogę w css nadać mu obrazek wyświetlany na początku i na końcu + tło pomędzy nimi, czy muszę robić 3 divy i dla każdego z nich oddzielne tło?

Chcę zrobić coś takiego:

I mogę użyć tylko jednego diva, problem w tym- to musi być skalowalne.

↑↑↑
piątek, 17 luty 2006, 17:53 #6
anonimowy

Jeden, dwa divy, ew. trzy, cztery lub coś podobnego w zależności od potrzeby (ilość divów zależy od kostrukcji takiego boxa). Takie coś co chcesz zrobić, będzie dopiero w CSS 3. Poczytaj informacje z linków, które podałem wcześniej :).

↑↑↑
piątek, 17 luty 2006, 19:29 #7
anonimowy

@Hash, dla Ciebie:

http://gedi.e-clipse.org/temp/hash/

:)

PS.
Przepraszam, że post pod postem. Jakoś tak mi wyszło ... .

↑↑↑
piątek, 17 luty 2006, 21:34 #8
RyaN
Offline
Ostatnio: 4 lata 21 tygodni temu
Dołączył: 08/25/2003

a moim zdaniem chyba da sie zrobi z jednym divem, za pomoca :before i :after... ale pewno przejmujesz sie IE... wiec rozwiazanie gedi bedzie lepsze w tym przypadku

↑↑↑