Gizport
1 回答
0
Share (facebook)
186
view
全般

tableの一項目でグラフを使い、グラフの上に数値を記述したく、以下...

tableの一項目でグラフを使い、グラフの上に数値を記述したく、以下のHTMLを組みました。 <html>
<head>
<style type="text/css">
<!--
/* table */
.stylish {
margin: 5px auto 0;
background: #ffffff;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-collapse: collapse;
border: 1px solid #dddddd;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}
.stylish th,.stylish td {
padding: 5px;
text-align: center;
border: 1px solid #c0c0c0;
}
.stylish th {
border-right:1px solid #ccc;
border-bottom:1px solid #999;
color: #fff;
background: #b0b0b0;
text-shadow: 1px 1px 1px #666;
}
.stylish td {
color: #000;
text-shadow: 1px 1px 1px #fff;
text-align: left;
}
.stylish tr:nth-child(odd) {
background: #eee;
}
.stylish tr:nth-child(even) {
background: #fff;
}
.stylish tr:hover {
background: #9ce;
}
.align-left{
text-align: left;
}

.graphs td{
padding: 0 1em 0 0;
text-align: right;
border: 0;
font-weight:bold;
color: #00f;
background:url("http://www.interq.or.jp/www1/ipsenon/lib/images/ln2r01.gif") repeat;
}
-->
</style>
</head>
<body>
<div id="main">
<table class="stylish">
<tr>
<th>name</th><th>GRAPH</th>
</tr>
<tr>
<td>A</td>
<td class="align-left"><table class="graphs" width=250><tr><td >250</td></tr></table></td>
</tr>
<tr>
<td>B</td>
<td class="align-left"><table class="graphs" width=100><tr><td >100</td></tr></table></td>
</tr>
<tr>
<td>c</td>
<td class="align-left"><table class="graphs" width=300><tr><td >300</td></tr></table></td>
</tr>
</table>
</div>
</body>
</html>

この書き方で問題ありますか?
他にいい書き方ありますか?
Ajacksはなしです。
Yahoo!知恵袋 4469日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
このグラフを見て自分でどう判断するかです。
Yahoo!知恵袋 4454日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
35
Views
質問者が納得このグラフを見て自分でどう判断するかです。
4469日前view35
全般
198
Views
質問者が納得http://www.sanwa.co.jp/product/syohin.asp?code=ACA-65N3 どうぞ LN300/Aで使えるACアダプターです
4475日前view198
全般
220
Views
質問者が納得①は、それ以外は不可と考えていいでしょう。②は、本体標準のメモリをはずしてから、1024MBメモリを2枚はめ込むという意味なので、空きスロット1つに入れるだけなら1024MB1枚になるでしょう。補足の通りです。
4918日前view220
全般
128
Views
質問者が納得SD自体がパソコンに対応していないと思います。SDをメーカーにいき、対応機種を調べてみてください
5368日前view128
全般
114
Views
質問者が納得まずはクリーニングを試し、それでもだめならそのドライブは故障なので交換ということになります。
5915日前view114

取扱説明書・マニュアル

1736view
http://121ware.com/.../acmccomn1.pdf
68 ページ22.82 MB
もっと見る

関連製品のQ&A