Как поместить кнопку поверх tr?

Question

[Василий Серпокрыл]

Есть вот такая таблица, в ней кнопки расположены справа сверху (и появляются при наведении на tr), но находятся в td. Вся загвоздка в том, что если этот td будет слишком мал по ширине, то все эти кнопки съедут, и при наведении будет длина строки увеличивать - это не круто... Есть ли способ поместить эти кнопки перед таблицей не помещая их в td, получается поверх tr? Есть ли какие-либо догадки по этому поводу?

Answer 1

[Stalker_RED]

Можно сделать ячейке position relative а кнопкам position absolute, тогда они выпадут из потока и им можно задавать любой размер.
https://jsfiddle.net/aLy5wz5w/

Comments

[Василий Серпокрыл]

Кнопки именно так и располагаются, но position все равно работает только в области ячейки, он не выходит за нее пределы, а хотелось бы, чтобы эффект был следующим: кнопки были в строку и залазили на соседний td.

[Stalker_RED]

Василий Серпокрыл: Еще как вылазят. Напишите top: -30px, например.
Чтобы были в одну строку, можно обернуть их в какой-то контейнер и позиционировать уже его.

[Василий Серпокрыл]

Действительно, увеличил ширину контейнера, float: right обоим кнопкам и все на мази) Благодарю за решение)