зы народ бьюсь над такой проблемой как закруглённые края ,подскажите как лучше это сделать?
Я имею ввиду ,что лучше использовать какой софт ,я использовал корел12 ,в фотошопе я такой функции не нашол,а есть ли небольшие программы для подобного.И как лучше сверстать подобное ,можно ли например в каждом углу таблицы дивами расположить закруглённые края дивами ,а цвет ячейки поставить цвет рамок.

В фотошопе есть функция Select-Modify-Smooth, которая хорошо закругляет уголки (правда не так плавно, пиксели все-равно видны).
По поводу верстки блоков с закругленными краями уже не раз говорилось. Поиск по форуму, гуглю вам поможет

можно,
закладываете четыре дива друг в друга, растягивая по всей ячейке, и для каждого 

спасибо

В 7-м и последующих фотошопах есть векторные формы (Shapes, по-моему), одна из них - прямоугольник с закругленными углами. Плюс всегда можно нарисовать круг и разрезать на четыре сектора...

Совершенно верно. Инструмент Rounded Rectangle Tool вызывается нажанием Shift+U. В панели свойств инструмента можно выставить любой радиус скругления.

Есть масса способов сделать заокругленные края у элемента, используя для этого исключительно CSS.

"Используя исключительно CSS" способ только один, и работает он пока только в мозилловском семействе. Все остальное требует как минимум или графики, или дополнительной разметки (а чаще того и другого вместе).

Вот этот прекрасно работает и в майкрософтовском семействе, начиная с 6 поколения.

Добавлено через 3 минуты и 48 секунд
А насчет "исключительно CSS", это я и вправду погорячился: конечно же, все требуют разметки и большинство - javascript

Добавлено через 7 минут и 41 секунду
Кстати, может кому полезно будет - вот нашел онлайн-генератор скругленных блоков. Вы указываете нужные цвета и радиус уголков, он создает нужные картинки, html и css.

 преотличная штука, 
чтоб такое найти для автономного пользования?

Кстати, раз уж зашла речь о майкрософтовском семействе, то у него еще с 5-го поколения есть еще более занятная штука под названием VML (пример).

ребята, вот классическая статья про закругление краев.
использовал этот метод, отлично работает IE6, IE7, FF, Opera.
http://designformasters.info/posts/round-corners-no-image/

чего-то неработате
простите за тупизьм а сколько дивов должно быть в самом коде?
И ведь всёрано где они будут находиться?

Это сообщение отредактировал(а) supervladislav - 14.3.2008, 20:29

что я не так делаю


в тексте стоит вот такое 

К сожалению только спецификация CSS-3 поддерживает "прикрепление" нескольких бэкгроундов к одному элементу http://www.w3.org/TR/css3-background/#the-background-image
В вашем же случае придется создавать целых четыре вложенных элемента, каждый из которых будет содержать отдельный бэкгроунд:

И скорее всего значения габаритов должны быть одинаковыми у этих элементов, если не достигается иной эффект.

спасибо ,но вот на места они  становиться нехотят ,а все вверху я правильно  местоположение задою))они все наверху

а сами дивы где должны находиться вверху или внизу 

Это сообщение отредактировал(а) supervladislav - 14.3.2008, 21:17

Дивы должны охватывать всю контентную область, которая должна быть внутри. И потом, достаточно только внутреннему диву указать размеры - width, а height будет определяться вложенным контентом.

зы тоесть текст должен быть внутри ентих дивов так 

вот так? полная ерунда получилось весь текст в контенте съёживается.А я вот чего подумал может с позиционированием попробовать. 

Съежится он мог только из-за явного ограничения размеров окаймляющих дивов.

зы а  с позиционированием подобное сделать можно

Можно и с позиционированием, только в таком случае количество элементов станет еще больше:

зы а зачем класс майн ))))да вот ещё я сколько читал так и не понял чем absolute от  relative отличается))))а сезжать при разном разрешении не будет?)))
сделал только нижнии две рамки отображаются почему-то на четверть


Это сообщение отредактировал(а) supervladislav - 15.3.2008, 09:58

Класс Мейн нужен для того, чтобы относительно него позиционировать ваши углы-картинки, поэтому ему и задан position: relative; а всем оставшимся элементам внутри него задан position: absolute; то есть последние будут позиционироваться не относительно верхнего левого угла окна броузера, а относительно элемента Мейн.
В двух словах: абсолютнопозиционированные элементы "извлекаются" из нормального хода документа HTML и не оказывают влияния на другие элементы и их можно переместить куда угодно, задав им top: Ypx; и left: Xpx;, причем то место, где они находились как бы "схлопывается".
А относительно позиционированные элементы продолжают физически занимать в документе определенное место (оно остается зарезервированным под них) и в то же самое время их тоже можно переместить как внутри документа, так и за пределы него при помощи отрицательных значений координат.

а почему нижнии две рамки на четверть отображаются может их ниже поставить 

Непонятно вообще, почему вы поставили  bottom:16px; , когда левый нижний угол и правый нижний угол должны иметь координаты bottom: 0px;
Приведите ваш весь код примера.