Как сделать с помощью css закругленные края таблиц на форуме?

  • Автор темы Milkivey
  • 5027
  • Обновлено
  • 03, May 2013
  • #2
lukamal:
???

сложно ответить не видя кода!
Ну в CSS округлил "границы таблицы", они стали закругленными, но таблица как была прямоугольная так и осталась.

 

Milkivey


Рег
28 Mar, 2013

Тем
8

Постов
64

Баллов
144
  • 03, May 2013
  • #3
Milkivey:
Ну в CSS округлил "границы таблицы", они стали закругленными, но таблица как была прямоугольная так и осталась.
Ну значит, что-то сделали не так!
 

lukamal


Рег
30 Aug, 2012

Тем
80

Постов
648

Баллов
1448
  • 03, May 2013
  • #4
lukamal:
Ну значит, что-то сделали не так!
Ну спасибо! Ну понятно что что-то не так, так вот вопрос "ЧТО?"... Я вписал такой код
  -moz-border-radius: 10px; 

-webkit-border-radius: 10px;
 

Milkivey


Рег
28 Mar, 2013

Тем
8

Постов
64

Баллов
144
  • 03, May 2013
  • #5
Milkivey:
-moz-border-radius: 10px;

http://htmlbook.ru/css/-moz-border-radius

Браузеры

-moz-border-radius нестандартное свойство и поддерживается только браузером Firefox начиная с версии 1.0.

Рамка со значениями dashed и dotted отображается в уголках сплошной линией.

-moz-border-radius не применяется к таблицам, у которых свойство border-collapse задано как collapse.

Эллиптические уголки, настраиваемые с помощью слэша, поддерживаются в браузере Firefox начиная с версии 3.5.
-webkit-border-radius: 10px;

http://htmlbook.ru/css/-webkit-border-radius

Браузеры

-webkit-border-radius нестандартное свойство и поддерживается только браузером Chrome 1.0 и Safari начиная с версии 3.0.

-webkit-border-radius не применяется к таблицам, у которых свойство border-collapse задано как collapse.

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

lukamal


Рег
30 Aug, 2012

Тем
80

Постов
648

Баллов
1448
  • 03, May 2013
  • #6
Ну так у Меня округлились края, но вот цвет таблицы не округляется с краями...
 

Milkivey


Рег
28 Mar, 2013

Тем
8

Постов
64

Баллов
144
  • 03, May 2013
  • #7
Milkivey:
Ну так у Меня округлились края, но вот цвет таблицы не округляется с краями...

http://htmlbook.ru/css/-moz-border-radius

http://htmlbook.ru/css/-webkit-border-radius


Описание

Устанавливает радиус скругления уголков рамки. Если рамка не задана, то скругление также происходит и с фоном.
 

lukamal


Рег
30 Aug, 2012

Тем
80

Постов
648

Баллов
1448
  • 03, May 2013
  • #8
А как сместить логотип vbulletin вправо, а то он немного выходи за панель влево?
 

Milkivey


Рег
28 Mar, 2013

Тем
8

Постов
64

Баллов
144
  • 03, May 2013
  • #9
Milkivey:
А как сместить логотип vbulletin вправо, а то он немного выходи за панель влево?
 

lukamal


Рег
30 Aug, 2012

Тем
80

Постов
648

Баллов
1448
  • 03, May 2013
  • #10
Milkivey:
Меня округлились края, но вот цвет таблицы не округляется с краями...
Потому что не все так просто. Каждая полоса на форуме состоит из нескольких таблиц. Причем некоторые из них отвечают не только например за полосу категории или раздела, но и за другие элементы форума. С наскоку не получится сделать правильно, красиво и качественно. Придется много пробовать, экспериментировать.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 03, May 2013
  • #11
Про таблицу. Самое надежное решение - по старинке, с картинками... Кроссбраузерно получается) И уголки могу быть подвергнуты любой обработке) Хотя правильнее через CSS, да)
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622