Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » CSS и Opera

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

koreets2011



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет пытаюсь закруглить углы
 

Код:
 
td.themesidebox {
    padding: 10px 5px 10px 5px;
    border: 0px solid #fff;
    background: #fefcea;
    background: -moz-linear-gradient(top, #f9cc35, #ff6600);
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0%,#f9cc35), color-stop(100%,#ff6600));
    background: -webkit-linear-gradient(top, #f9cc35, #ff6600);
    background: -o-linear-gradient(top, #f9cc35, #ff6600);
    background: -ms-linear-gradient(top, #f9cc35, #ff6600);
    background: linear-gradient(top, #f9cc35, #ff6600);
    /* Закругляем углы */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
   }
 

 
Подключаю так  
 

Код:
 
<td class="themesidebox" width="100%">
 

 
Во всех браузерах работает, кроме последней Opera. Использовать png как бы не вариант, так как размер блока где применен класс "themesidebox" будет динамичный.  
Выход есть?

Всего записей: 410 | Зарегистр. 13-10-2011 | Отправлено: 11:32 05-04-2013
koreets2011



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Похоже без вариантов

Всего записей: 410 | Зарегистр. 13-10-2011 | Отправлено: 17:47 06-04-2013
SviZ

BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Похоже, свойство border вообще не применим в Опере к ячейкам таблицы без собственно таблицы.
У меня радиус работает, если таблица оформлена полностью.

Код:
<style>
div, span, td { border-radius: 10px; width: 100px; height: 50px; border: solid red 1px; }
</style>
<div>DIV</div>
<span>SPAN</span>
<td>TD</td>
<table>
  <caption>Table</caption>
  <tr><td>TD</td><td>TD</td><td>TD</td></tr>
  <tr><td>TD</td><td>TD</td><td>TD</td></tr>
</table>
 

Табличный дизайн сайта

Всего записей: 33 | Зарегистр. 21-02-2013 | Отправлено: 19:13 12-04-2013 | Исправлено: SviZ, 19:14 12-04-2013
koreets2011



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
SviZ ну точно, Opera вообще к "table" не применяет "border-radius" использовал "div"
и все заработало.
 

Код:
 
 
#themesidebox {
    width: 220px;
    padding: 10px 5px 10px 5px;
    border: 0px solid #fff;
    background: #fefcea;
    background: -moz-linear-gradient(top, #f9cc35, #ff6600);
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0%,#f9cc35), color-stop(100%,#ff6600));
    background: -webkit-linear-gradient(top, #f9cc35, #ff6600);
    background: -o-linear-gradient(top, #f9cc35, #ff6600);
    background: -ms-linear-gradient(top, #f9cc35, #ff6600);
    background: linear-gradient(top, #f9cc35, #ff6600);
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
}
 

 
и подключение
 

Код:
 
<div id=\"themesidebox\">
<table>
<tr><td></td></tr>
</table>
<div>
 

 
Уголочки закруглились!!! Но у DIV'a...
Что в принципе сути то не меняет. Спасибо за подсказку!!!

Всего записей: 410 | Зарегистр. 13-10-2011 | Отправлено: 19:42 12-04-2013
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » CSS и Opera


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru