ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Никлист

 

46
zoomfm @zoomfm
Как закруглить углы на таблице участников???

4619
Web3r @Web3r
A) В style.css: #users table{background:#цвет;border-collapse:separate;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
B) Делаем две дополнительные ячейки сверху и снизу таблицы (в скриптах, подготовка фреймов, переменная var=userlist), для них устанавливаем в стилях либо фоновое изображение, либо также закругляем углы с помощью border-radius, но только для верхних / нижних углов соответственно.

Отредактировано Web3r - 23.08.2011
46
zoomfm @zoomfm
Weber,
A) В style.css: #users table{background:#цвет;border-collapse:separate;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}

Я делаю вот так:

#users table {background-color:#f0f2f8; padding:3px; border-width:2px; border-color:#814aa7; border-style:solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
Так не получается ничего углы не закругляются а наоборот жирная рамка получается!

B) Делаем две дополнительные ячейки сверху и снизу таблицы (в скриптах, подготовка фреймов, переменная var=userlist), для них устанавливаем в стилях либо фоновое изображение, либо также закругляем углы с помощью border-radius, но только для верхних / нижних углов соответственно.

Чет я вообще не понял можешь показать на примере??
Буду очень благодарен!

Отредактировано zoomfm - 23.08.2011
1007
BETEPAH @BETEPAH
Weber пишет:

A) В style.css: #users table{background:#цвет;border-collapse:separate;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
B) Делаем две дополнительные ячейки сверху и снизу таблицы (в скриптах, подготовка фреймов, переменная var=userlist), для них устанавливаем в стилях либо фоновое изображение, либо также закругляем углы с помощью border-radius, но только для верхних / нижних углов соответственно.

А - это CSS3 и не поддерживается IExplorer'ом, к сожалению.
zoom.fm пишет:

Чет я вообще не понял можешь показать на примере??

А что непонятно? Добавляете в таблицу по строчке сверху и снизу и рисуете в фотошопе фон для них в виде скругленной таблицы. Пример? Этот способ применяется очень часто. Вот, к примеру, первый попавшийся **********
Есть еще вариант С) - скруглить javascript'ом. Например, этим ********** или этим **********
Ну, а погуглив, нашел страничку с **********

Отредактировано BETEPAH - 23.08.2011