Как закруглить углы

[Evangelion]

LONER, да, я вспомнил что это удалял, спасибо)

Всем спасибо за помощь!

[Evangelion]

Подскажите ещё пожалуйста с углами.
На странице "Кто сейчас на конференции" и "Конкурс"
В конкурсе пытался сделать по прошлому образцу, добавлял:

Код: Выделить всё

tr.bg1:last-of-type {
    border-radius: 0px 0px 5px 5px;
}

но это результата не дало(
Куда я только этот радиус не писал, никак не получается

[Татьяна5]

Evangelion, для таблицы углы ещё надо закруглять на самой таблице и на угловых ячейках

[Evangelion]

Татьяна5, попробовал добавить через консоль, но результата не дало, или не тут нужно добавлять?(

Скриншот_24_10_2016_18_13_23.jpg

[Татьяна5]

На угловых ячейках таблицы закругления нет

[Evangelion]

Добавил ниже радиус, но теперь везде он, как можно оставить только в самом низу?(

Скриншот_24_10_2016_18_26_25.jpg

[Татьяна5]

Что-то вроде (с синтаксисом возможно ошиблась, но идея такая)

Код: Выделить всё

tr::last-child td::first-child {}
tr::last-child td::last-child {}

[Evangelion]

Татьяна5, с конкурсом всё получилось, а вот с "кто на форуме" не совсем(

Скриншот_24_10_2016_18_58_59.jpg

Отправлено спустя 2 часа 2 минуты 54 секунды:

Что-то вроде (с синтаксисом возможно ошиблась, но идея такая)

Код: Выделить всё

tr:last-child td:first-child {
    border-radius: 0px 0px 5px 5px;
}

tr:last-child td:last-child {
    border-radius: 0px 0px 5px 5px;
}

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

Код: Выделить всё

tr:last-child td:first-child {
    border-radius: 0px 0px 5px 0px;
}

tr:last-child td:last-child {
    border-radius: 0px 0px 0px 5px;
}

то будет отлично для "кто на форуме", а в конкурсах косяк у закруглением(

[Татьяна5]

Evangelion, можно ж ещё уточнить в коде, что к чему относится (перед этими строками поставить table.какой-то-несовпадающий-класс или div.какой-то-класс)

[Evangelion]

Татьяна5, сделал так, помогло:

Код: Выделить всё

tr:last-child td:first-child {
    border-radius: 0px 0px 0px 5px;
}

tr:last-child td:last-child {
    border-radius: 0px 0px 5px 5px;
}

tr.bg2:last-child td.active:last-child {
    border-radius: 0px 0px 5px 0px;
}

tr.bg1:last-child td.active:last-child {
    border-radius: 0px 0px 5px 0px;
}

Спасибо)