css - テーブルの右隅に画像を配置する方法

Question

テーブルの右隅に画像を配置するにはどうすればよいですか？テーブルコーナーの画像を設定したい。どうすればhtmlまたはcssでそれを行うことができますか？

これが私が欲しいものの例です：

Answer 1

@Sonasish Royが言うように、テーブルのラッパーが必要です。

HTML：

<div id="container_table">
   <img src="img_right.jpg">
   <table>
     <!-- Here is your table content /-->
   </table>
</div>

CSS：

#container_table{
   position:relative;
   //Set some width because table has width:100%;
   width: 90%;
}
#container_table img{
   position:absolute;
   right:0;
   top:0;
}
#container_table table{
   //Here some css for your table, even you can use background-image, but you can have some problem with borders.
}

上記のすべてのコードがサンプルの表と画像で機能することを確認したい場合は、次のフィドルを作成しました：http: //jsfiddle.net/H3Vqc/5/

Answer 2

テーブルをdivでラップし、divを相対位置に設定し、コーナーの詳細画像を絶対位置に設定する必要があります。