ベストアンサー

表の中の割合のバーを背景で付けるには

2007/09/18 23:43

表を作っていまして、その表には８０％や３５％のような割合の数字が入っています。８０％のセル（表の中の１つ）には左からバーが８５％くらいまでくるような処理を行いたいと思っています。もちろんバーの上には「８０％」の文字がcenterで乗るように。イメージ的にはOffice 2007のエクセルでも同じような機能があったと思います。 backgroundでイメージは指定することができるのですが、この画像のサイズを変更してあげればいいのかなと考えていますが、サイズ指定の方法がわかりません。知っている方、ご教授ください。

goroneko-begin
お礼率38% (62/159)

HTML
回答数5
ありがとう数1

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

leap_day
ベストアンサー率60% (338/561)

2007/09/19 13:30 回答No.5

こんにちは％表示するとウィンドウに対しての％表示になるので計算値が必要になってきますが・・・ <style type="text/css"></style> <table border="1"> <tr> <td><div class="bar" style="width:400px;"> </div><div class="text">80%</div> </td> </tr><tr> <td><div class="bar" style="width:175px;"> </div><div class="text">35%</div> </td> </tr><tr> <td><div class="bar" style="width:5px;"> </div><div class="text">1%</div> </td> </tr> </table> &nbsp:は全角スペースという意味なのですがこれで高さ確保や<td>がセルであると認識させてるので必須になります

ログインすると、全ての回答が全文表示されます。

その他の回答 (4)

1412lovers
ベストアンサー率40% (58/144)

2007/09/19 11:02 回答No.4

ログインすると、全ての回答が全文表示されます。

leap_day
ベストアンサー率60% (338/561)

2007/09/19 08:51 回答No.3

こんにちはこんなやつですか？ <style type="text/css"></style> <table width="500" border="1"> <tr> <td><div class="bar" style="width:80%;">80%</div></td> </tr><tr> <td><div class="bar" style="width:35%;">35%</div></td> </tr> </table> backgruond-colorにしてますがbackground-image:url(***.gif);でもできます

質問者