Bagaimana cara menambahkan div di posisi kanan atas di td?

Saya perlu mengerjakan ulang tugas ini Cara menambahkan segitiga di sel tabel

Saya tidak perlu membuat latar belakang div.

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

masukkan deskripsi gambar di sini


html css html-table
person Mediator    schedule 24.01.2013    source sumber
comment
Apakah gambar kedua yang Anda posting sesuai dengan kode yang sedang dilakukan dan Anda ingin gambar tersebut dicapai seperti yang ditunjukkan oleh gambar pertama?   -  person Anthony Forloney    schedule 24.01.2013

Jawaban (1)


arrow_upward
8
arrow_downward

Mencoba:

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

Bagaimana kalau mengubah html Anda menjadi:

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

Dan menambahkan ini ke kepala Anda html:

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

Lihat ini misalnya: http://jsfiddle.net/Juvcx/

person Ryan King    schedule 24.01.2013
comment
tapi saya tidak bisa menggunakan relatif di td. tetapi tidak ada elemen yang melanggar pekerjaan mereka - person Mediator; 24.01.2013