How add div in right top position in td?

Question

I need refact this task How to add triangle in table cell

I need not background a div.

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

enter image description here

Is the second image you posted what the code is currently doing and you want it to be achieved as indicated by the first image? — Anthony Forloney, Jan 24 '13 at 13:29

Ryan King · Accepted Answer · 2013-01-24T23:43:24.693

9

Try:

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

How about changing your html to:

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

And adding this to the head of you html:

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

Look at this for example: http://jsfiddle.net/Juvcx/

edited Jan 24 '13 at 23:43

answered Jan 24 '13 at 13:36

Ryan King

3,538
12
48
72

but I can not use relative in td. but td have any element violate their work – Mediator Jan 24 '13 at 13:49

How add div in right top position in td?

1 Answers1