0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 3087 Просмотров
*

Irgo

  • Новичок
  • 2
  • 0 / 0
Добрый день, уважаемые форумчане,

Надеюсь что не ошиблась с разделом форума, если что не так - не бейте сильно :-)
 
Прошу помощи/совета со следующим вопросом. Пытаюсь изменить внешний вид модуля для Joomla (прогноз погоды) и застопорилась с обводкой таблицы - по какой-то причине, в Safari и Chrome не отображается правая граница (при этом в Firefox на данный момент все отобразилось).
 
Ссылка вот: http://greece-guide.ru/attica/athens/10-pogoda-v-afinakh
 
Вот скриншот, как это отображается в Safari -
http://hostingkartinok.com/show-image.php?id=9b9979f7d0968f838dcf051b0731daaa
 
Границы нарочно сделаны толстыми, для наглядности.
 
Вот кусок CSS, который относится к таблице:
 
/* TABLE-UI */
/* —————————————-- */
.nordui-table {margin:15px 0 15px 0;padding:0px;background: #ffffff; border: solid thick #3EC3D9 !important;}
.nordui-table-header {font-family: Clear_sans_lightregular;height:28px;border: solid #3EC3D9 !important; background: linear-gradient(to bottom, #42CEE6, #37ACBF)!important; padding:5px;text-align:center;font-weight:bold;font-size:12px; color: #fff;}
.nordui-table-header-b {font-family:Clear_sans_lightregular;height:28px;border-style:solid;border-width: 0px 0px 0px 0px;border-color:#3EC3D9;background-color:#fff;padding:5px;text-align:center;font-weight:bold;font-size:11px;color: #277bab;}
.nordui-table-subheader {height:28px;background-color:#fff; border-style:solid;border-width: 1px; border-color:#3EC3D9;color:#4a4a4a;font-size:11px;}
.nordui-table-a {background: #fafafa;}
.nordui-table-b {background: #ffffff;}
.nordui-table-a:hover, .nordui-table-b:hover {background: rgba(62, 195, 217, 0.4);}
.nordui-table-td {padding:5px;font-size:11px;}
.nordui-table-td-left {padding:5px;border-left:solid 1px;border-color:#88BCCE;font-size:11px;}
.nordui-table-td-right {padding:5px;border-right:solid 1px;border-color:#89BCCE;font-size:11px;}
.nordui-table-td-top {padding:5px;border-top:solid 1px;border-color:#88BCCE;font-size:11px;}
.nordui-table-td span {text-align:left;float:left; }
.yr-right {text-align:right;float:right;}
.yr-button {float:left;margin-right:20px;}
...
 
 
Буду признательна за помощь в поиске ошибки!
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
У вас бордер идет для таблицы целиком.
Переопределите это, убрав бордер у таблицы и добавив для первой (левая граница) и последней (правая граница) ячейки каждой строки, а также для всех ячеек первой (верхняя граница) и последней (нижняя граница) строки.
*

Irgo

  • Новичок
  • 2
  • 0 / 0
В итоге выяснилось, что это известный баг вебкитовских таблиц - http://stackoverflow.com/questions/3384132/webkit-browsers-rendering-problem-for-table-depending-on-colspan

Ваш способ решил проблему) Спасибо!!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как адаптировать таблицы под мобильную версию?

Автор PNP

Ответов: 4
Просмотров: 1876
Последний ответ 17.10.2021, 22:59:27
от darkghost
Выделение таблицы

Автор Leo1986

Ответов: 14
Просмотров: 839
Последний ответ 10.10.2019, 19:09:08
от dm-krv
Выделение строки таблицы при наведении

Автор March Cat

Ответов: 6
Просмотров: 2164
Последний ответ 27.10.2018, 18:27:16
от effrit
На iPad в Safari блок вылезает за края [Решено]

Автор dm-krv

Ответов: 10
Просмотров: 1644
Последний ответ 11.08.2018, 19:42:53
от dm-krv
Свойство letter-spacing по-разному отображается на разных мониторах

Автор V@lentin

Ответов: 1
Просмотров: 1072
Последний ответ 19.07.2018, 20:53:29
от Zelyonkin