Как исправить проблему в верстке?

Question

[sabanovvv]

Товарищи,подскажите,как исправить проблему.
Есть сайт 2.demo.seo-experts.com/local/templates/bilet/asset....
Мне надо уменьшить ширину между колонками (.col).

Когда я делаю .col { width:15px;}, то подсветка криво смотрится.

Как исправить?

Answer 1

[Владлен Грачев]

Правьте JS. Прям в теле страницы висит скрипт, вешающий обработчик на наведение:
$('.row, .diag, .col').hover(function(){...
Например, для третьего сектора примерно такие значения должны быть при ширине в 15px:

$('.izhstal-sektor11-3').css('background-position', 'right ' + (152-x*19) + 'px top');

Аналогичным образом подбирайте значения в скрипте и стилях, чтобы все снова выглядело нормально.

Comments

[sabanovvv]

$('.izhstal-sektor11-3').css('background-position', 'right ' + (147-x*18) + 'px top');
можете объяснить,что означают эти строки?

[Владлен Грачев]

@sabanovvv, устанавливается для фона (луча) отступ справа по заданной формуле. x — номер элемента, на котором сработало событие.
1 ряд, будучи последним объектом в DOM, имеет порядковый номер (x) равный 9 (нумерация с нуля). Соответственно, отступ справа имеет равный 147-9*18=-15px. 2 ряд имеет отступ равный 147-8*18=3px и т.д.

[sabanovvv]

спасибо большое)

[sabanovvv]

еще один вопросик)как избежать чтобы всплывающее окошко не заходило вниз дивов
joxi.ru/752aQpW6Tg7P20
2.demo.seo-experts.com/local/templates/bilet/asset...

[sabanovvv]

у меня щас izhstal-sektor11-3 нормально показывается,но izhstal-sektor11-2 подсветка не совпадает.как можно исправить? test.webjay.ru

[Владлен Грачев]

@sabanovvv,
1. z-index.
2. Я же сказал в самом начале: подбирать формулу.

[Sali_cat]

посмотри еще на других устройствах. Верстка фиксированная как я полагаю? Если да то проблем уже меньше

Answer 2

[zooks]

Обратись к профессионалам, уже глаз замылился от твоих трибун.
Если ты веб-разработчик, то у меня для тебя плохие новости: лучше сменить профессию. Если менеджер или владелец, то тем более, месяцами ходить на Тостер выпрашивая по строчке кода, вместо того, чтобы оперативно решить проблему.