人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

cssについての質問です。
divを使って棒グラフを作ろうとしているのですが、ソースは次のようになります。

<table><tr><td>グラフタイトル</td></tr><tr><td>ここにdivが複数入る</td></tr></table>

グラフの棒は次のようなdivになります。
divの要素数、およびheightは可変です。

<div style='float:left;margin-left:1;background-color:#000000;width:5;heigh:100'></div>
<div style='float:left;margin-left:1;background-color:#000000;width:5;heigh:120'></div>
<div style='float:left;margin-left:1;background-color:#000000;width:5;heigh:140'></div>

発生する問題は、div要素が上部で揃ってしまうためグラフが逆さになってしまいます。
ちょうどつららのようになるわけですが、これをひっくり返したいというのが希望です。

解決方法を教えていただけると助かります、よろしくお願いします。

●質問者: southgate_01
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS グラフ ソース タイトル 希望
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kn1967
●100ポイント ベストアンサー

ひとつの案でしかありませんが

「トップマージンを適宜設定してやることで下に押しやる」ではいかが?

<div style='float:left;margin-top:200;margin-left:1;background-color:#000000;width:5;height:100'></div>
<div style='float:left;margin-top:100;margin-left:1;background-color:#000000;width:5;height:200'></div>
<div style='float:left;margin-top: 0;margin-left:1;background-color:#000000;width:5;height:300'></div>
◎質問者からの返答

ありがとうございます、速攻で解決しました。

大変助かりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ