Загругленные углы

[Dumle]

Здравствуйте

Очень хочу научится делать закругленные углы, но ни в какую не получается...

Облазил весь интернет, статей очень много, но не выходит. Без картинок получается, но такой блок очень ограничен. например, я хочу чтобы мой блок был прижат справа, а округленные углы были только слева + чтобы была шапка, тоесть весь блок оранжевый, шапка черная, и левый верхний угол закругленный черного цвета, левый нижний оранжевого соответственно.

Если не сложно опишите принцип и рабочий код, который вы используете например.

Также вопрос, какие должны быть сами картинки по размеру? и зависят ли они от размера блока?

[zSpx]

border-radius на htmlbоok.ru

[Softlink]

так http://jsfiddle.net/GSE34/ ?

[Dumle]

ну было бы хорошо, но это же css3 и вроде как он еще не поддерживается большинством браузеров...или я не прав и можно смело переходить на него?)

Softlink, да, примерно так, но опять же это css3

[Softlink]

ну было бы хорошо, но это же css3 и вроде как он еще не поддерживается большинством браузеров...или я не прав и можно смело переходить на него?)

Softlink, да, примерно так, но опять же это css3

Да, это css3, да, можно смело переходить на него, 85% пользователей используют браузеры, поддерживающие border-radius. Остальные могут перебиться квадратными уголками, т.к. им абсолютно фиолетово, какие уголки. Они могут вообще не подозревать, что на сайтах могут быть круглые углы.

[Dumle]

Softlink, хм...спасибо, что просветил

[SEObomj]

А я хочу научится делать так, чтобы border-radius работал с :hover

[ceil100]

А я хочу научится делать так, чтобы border-radius работал с :hover

а в чем проблема?

[SEObomj]

Не пашет) Есть меню, обычное такое. У ссылок задан фон и border-radius. При наведении мышки border-radius не работает. На офф форуме много топиков на эту тему, но без ответа. В одном из них советуют положить PIE.htc в корень - не помогло. Еще советуют прописать Content-type в .htaccess, но на локалхосте не проверить, а сервак у меня на nginx) В общем диллема.

И да, position: relative я прописывал.

[ceil100]

через какой браузер не пашет?

[SEObomj]

IE8, в остальных осликах не проверял, но думаю также

[ceil100]

он там и не будет работать

IE8 и младше не поддерживают border-radius

если используешь PIE.htc то правильный путь к нему прописывай

[SEObomj]

Я там выше упоминал про PIE.htc, моя вина, что не сказал про него отдельно. В общем он использовался для скругления углов в IE

Пути правильно прописаны. Не работает только при :hover

[ceil100]

к тому же PIE.htc очень глючная вещь и не может гарантировать 100% результата

[SEObomj]

Ничего лучше PIE я пока не нашел

[ceil100]

где-то помогает, а где то может только хуже сделать

это же костыль

как его не выстругивай, костылем останется

[SEObomj]

Ну все равно выбора нет( С IE костыли обычное дело.

[zSpx]

Картинки отменили?

[SEObomj]

Там растягивающиеся кнопки. В общем-то как делать растягивающиеся кнопки с одной картинкой я знаю, но хотелось бы уже использовать border-radius.

[zSpx]

для IE8 :after + сам элемент + :before = скругленные уголки для растягивающихся кнопок в одном направлении.

[SEObomj]

Супер! Работает

[Ivan Ozercov]

для IE8 :after + сам элемент + :before = скругленные уголки для растягивающихся кнопок в одном направлении.

А можно чуть подробнее как это использовать

[Unkrada]

Пока никак нельзя отказываться от таблиц, с их помощью можно делать закругленные углы. border-radius не все поддерживают, хотя для каждого браузера можно прописать:

для mozilla: moz-border-radius:30px;

для opera: o-border-radius:30px;

но для IE 6 придется применить таблицы с картинками.

[wildhind]

не вводите в заблуждение.

1) border-radius уже поддерживают все распространённые браузеры;

2) вендорные префиксы не нужны уже более года;

3) в примере вендорных префиксов не следует делать синтаксических ошибок.