เพิ่ม 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
แต่ฉันไม่สามารถใช้ญาติใน td ได้ แต่มีองค์ประกอบใดที่ละเมิดการทำงานของพวกเขา - person Mediator; 24.01.2013