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

Question

[ligisayan]

Приветствую всех! У меня есть табличка, хочу с помощью стилей сделать так, чтобы при наведении на каждую из строк фон ховера распространялся за таблицу влево и вправо на 20px в пределах контейнера. Как это можно сделать? Пример в фидл
А вот так как это выглядит на демо-сайте , т.е. фон заполняется не до конца строки

Answer 1

[Ernest Faizullin]

Подогнал бордеры, довольно громоздко получилось, но может сойдет на первое время)
jsfiddle.net/t2vgf5pb/8

Comments

[Ernest Faizullin]

ligisayan: не универсально, в других таблицах или в других браузерах возможно нужно будет подкручивать значения

[ligisayan]

Ernie Reichert даа.. почему-то у меня в хроме ничерта не работает...((

[Ernest Faizullin]

я сейчас смотрю в хроме на фиддле по ссылке. Работает. Значит дело не в браузере. Вообще никак не работает или криво работает?

[Ernest Faizullin]

ligisayan: вот этого border-left: 20px solid #006cd0;
border-right: 20px solid #006cd0;
border-top: 1px double #006cd0;
border-bottom: 1px double #006cd0; почему нет в tr:hover ? ты же стили не подцепил

[Ernest Faizullin]

сейчас у тебя в styles.css:759 просто бакграунд и все. А у меня там еще куча стилей

[ligisayan]

Ernie Reichert все, получилось рабочее решение! jsfiddle.net/eohk98oy

Answer 2

[Ivanq]

Типа того? jsfiddle.net/Ivanq/t2vgf5pb/7

Comments

[ligisayan]

ivanque не совсем, в описании конкретно указано вправо и влево, а отдельных outlineов нет

[Ivanq]

ligisayan: Вы немного ошиблись. Я не ivanque, а Ivanq

[ligisayan]

Ivanq сорри) по энтеру хлопнул не того)