Круглые углы

[Ladoga]

Приветствую!

Подскажите плиз, как сделать у блока двойной бордер со скругленными углами средствами JavaScript (желательно JQuery), причем обязательно необходимо сделать 2 нижних угла круглыми, а верхние оставить острыми. При этом блоки должны тянуться и по высоте и по ширине.

Спасибо за помощь.

[psywalker]

  Ladoga said:

Приветствую!

Подскажите плиз, как сделать у блока двойной бордер со скругленными углами средствами JavaScript (желательно JQuery), причем обязательно необходимо сделать 2 нижних угла круглыми, а верхние оставить острыми. При этом блоки должны тянуться и по высоте и по ширине.

Спасибо за помощь.

1) А чем CSS не угодил?

2) Покажи скриншот, что хочешь получить

[aTei]

.roundedBorder {
border: 1px double #000;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
}

А дальше поставь jQuery скрипт, который позволит сделать блок тянущимся

Edited January 8, 2010 by aTei

[psywalker]

  aTei said:

.roundedBorder {
border: 1px double #000;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
}

А дальше поставь jQuery скрипт, который позволит сделать блок тянущимся

А как же Опера и ИЕ?

[aTei]

Уупс.

Еще дописываем border-radius: 0 0 5px 5px;

А для оперы и IE: 38 статей о создании закругленных углов, выбирайте какой душе угодно

И конечно отдавайте для каждого браузера свой style.css

[psywalker]

  aTei said:

Уупс.

Еще дописываем border-radius: 0 0 5px 5px;

А для оперы и IE: 38 статей о создании закругленных углов, выбирайте какой душе угодно

И конечно отдавайте для каждого браузера свой style.css

Тогда уж сразу лучше делать как в 38-и способах для всех браузеров и не заниматься ерундой.

[Ladoga]

спасибо за ответы. К сожалению средствами CSS не подходит - требование заказчика - плагины JavaScript без использования картинок. Я пробовала скрипты jquery.corners, jquery-corners, shadedborder, но все не то ((

[Great Rash]

http://blue-anvil.com/jquerycurvycorners/test.html - люди настолько ленивы, что даже погуглить им влом.

Но это и к лучшему, тем ценнее трудяги как я