Как добавить div в правую верхнюю позицию в td?

Мне нужно переделать эту задачу Как добавить треугольник в ячейку таблицы

Мне не нужен фон div.

    <td>
     <div style="position: relative;right: 0;top:0;">@Html.ImageContent("triangle_bonus.png", "")</div>
//@Html.DropDownListExtention
    </td>

введите здесь описание изображения


html css html-table
person Mediator    schedule 24.01.2013    source источник
comment
Является ли второе изображение, которое вы разместили, тем, что в настоящее время делает код, и вы хотите, чтобы это было достигнуто, как указано на первом изображении?   -  person Anthony Forloney    schedule 24.01.2013

Ответы (1)


arrow_upward
8
arrow_downward

Пытаться:

<td style="position: relative;">
<div style="position: absolute;right: 0;top:0;">@Html.ImageContent("triangle_bonus.png", "")</div>
</td>

Как насчет изменения вашего html на:

<td class="triangle">
<div>@Html.ImageContent("triangle_bonus.png", "")</div>
</td>

И добавив это в голову вашего html:

<style>
td.triangle {position:relative}
td.triangle div {position:absolute; right:0; top:0;}
</style>

Посмотрите на это, например: http://jsfiddle.net/Juvcx/

person Ryan King    schedule 24.01.2013
comment
но не могу использовать родственник в тд. но есть ли какой-либо элемент, нарушающий их работу - person Mediator; 24.01.2013