Zaokrąglone rogi Opcje

[Zyggmunt]

Witam. Robię stronę: http://www.kantor-elektral.cba.pl/ . I chciałbym zrobić zaokrąglone rogi tylko na górze prostokąta, na którym pisze "Zdjęcie kantoru".

Dotychczas mam następujący kod CSS

[XML] pobierz, plaintext 
.kolor
{
background-color: #CA2222;
color: white;
font-weight: bold;
}
[XML] pobierz, plaintext 

Co do niego dodać aby uzyskać ten efekt ?

Ten post edytował Zyggmunt 20.05.2009, 15:05:06

[piotrooo89]

http://olaszewski.com/2008/12/08/okragle-rogi/ za pomocą JS.

[athei]

Proszę, 2 ciekawe strony:
http://www.smileycat.com/miaow/archives/000044.php
http://www.cssjuice.com/25-rounded-corners...iques-with-css/

[piotrooo89]

w CSS to nie bardzo bo IE nam kuku zrobi...

[athei]

Skoro są takie możliwości to dlaczego z nich nie korzystać. Czasy IE6,7 mijają, nie ma sensu wiecznie przejmować się tą przeglądarką, natomiast warto uświadamiać użytkowników, że korzystają z czegoś złego http://svzsolutions.nl/en-internet-explorer, http://ie6.pl

[erix]

Czasy IE6,7 mijają, nie ma sensu wiecznie przejmować się tą przeglądarką

Powiedz to prezesom korporacji, w których działają aplikacje za ciężkie pieniądze były pisane specjalnie pod IE... Nie pozbędziesz się IE tak prędko...

A jeśli chodzi o rogi w CSS, to da się - ale nie będzie antyaliasingu. Chyba się to SpiffyCorners nazywało.

[rugby]

W czystym CSS lub CSS+JS: Nifty Corners

[piotrooo89]

~rugby Nifty to jest oparte o JS, tu nie ma czystego CSS'a.

[rugby]

~rugby Nifty to jest oparte o JS, tu nie ma czystego CSS'a.

Jest też czysty CSS - przykład.