お蔵入り
Ads By Google
tableを上部に組み込む方法
表を組み込みたく、tableで作成したのですが、表示方法に問題はないのですが、下の方に表示されてしまいます。どのようにすれば上に表示できるか教えて下さい。
貼り付けてる内容は以下のような感じです。
<table border="1" width="25%" cellspacing="0" id="table1">
<tr>
<td>あ</td>
<td>い</td>
</tr>
<tr>
<td>う</td>
<td>え</td>
</tr>
</table>
2006-07-25 08:40の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。
回答(1)
1.
2006-07-25 13:25:46
自分のＨＰに、上記のタグを記入してみたところ、普通に上部に表示されました。
ですので、考ぇられるとしたら…【<body>の直後に入れているか？】と言う事位ですね。。。
…多少強引かも知れませんが、<div>タグを使って位置を固定させる、というのもアリかも？
私のでは画像を使っているので多少長くなりますが、テーブル＆文章込みのタグを載せておきます。
<div style="width:45%;height:600px;background-color:;position:absolute;top:10px;left:2%">
<table border="0" cellpadding="0" cellspacing="0">
<tr height="44">
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
<td background=" ; height="44"></td>
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
</tr>
<tr>
<td width="43" background=" ;
<td bgcolor="white">
<div align="center">
<font size=3 color="#A0974D">Christ lag in Todesbanden Für unsre Sünd gegeben,<br>
Er ist wieder erstanden Und hat uns bracht das Leben;<br>
Des wir sollen fröhlich sein,<br>
<br></font></font></div>
<div style="width:60%;height:600px;background-color:;position:absolute;top:10px;left:105%"><img src=" ;
</p>
</div>
</td>
<td width="43" background=" ;
</tr>
<tr height="44">
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
<td background=" ; height="44"></td>
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
</tr>
</table></div>
※【<div s…(略)position:absolute;top:10px;left:2%">此処にテーブルを置く</div>】という事です。
なので、【position:absolute;top:】
を足せば上部に来るのではないかと思います。
ですので、考ぇられるとしたら…【<body>の直後に入れているか？】と言う事位ですね。。。
…多少強引かも知れませんが、<div>タグを使って位置を固定させる、というのもアリかも？
私のでは画像を使っているので多少長くなりますが、テーブル＆文章込みのタグを載せておきます。
<div style="width:45%;height:600px;background-color:;position:absolute;top:10px;left:2%">
<table border="0" cellpadding="0" cellspacing="0">
<tr height="44">
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
![http://www.geocities.jp/alicehime24/t1.jpg"](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t1.jpg" "http://www.geocities.jp/alicehime24/t1.jpg\"")
<td background=" ; height="44"></td>
![http://www.geocities.jp/alicehime24/t2.jpg"](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t2.jpg" "http://www.geocities.jp/alicehime24/t2.jpg\"")
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
![http://www.geocities.jp/alicehime24/t3.jpg"](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t3.jpg" "http://www.geocities.jp/alicehime24/t3.jpg\"")
</tr>
<tr>
<td width="43" background=" ;
![http://www.geocities.jp/alicehime24/t4.jpg"></td>](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t4.jpg"></td> "http://www.geocities.jp/alicehime24/t4.jpg\"></td>")
<td bgcolor="white">
<div align="center">
<font size=3 color="#A0974D">Christ lag in Todesbanden Für unsre Sünd gegeben,<br>
Er ist wieder erstanden Und hat uns bracht das Leben;<br>
Des wir sollen fröhlich sein,<br>
<br></font></font></div>
<div style="width:60%;height:600px;background-color:;position:absolute;top:10px;left:105%"><img src=" ;
![http://www.geocities.jp/alicehime24/chess_06x.JPG"></div>](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/chess_06x.JPG"></div> "http://www.geocities.jp/alicehime24/chess_06x.JPG\"></div>")
</p>
</div>
</td>
<td width="43" background=" ;
![http://www.geocities.jp/alicehime24/t5.jpg"></td>](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t5.jpg"></td> "http://www.geocities.jp/alicehime24/t5.jpg\"></td>")
</tr>
<tr height="44">
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
![http://www.geocities.jp/alicehime24/t6.jpg"](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t6.jpg" "http://www.geocities.jp/alicehime24/t6.jpg\"")
<td background=" ; height="44"></td>
![http://www.geocities.jp/alicehime24/t7.jpg"](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t7.jpg" "http://www.geocities.jp/alicehime24/t7.jpg\"")
<td width="43" height="44"><img src=" ; width="43" height="44" border="0"></td>
![http://www.geocities.jp/alicehime24/t8.jpg"](http://screenshot.livedoor.com/small/http://www.geocities.jp/alicehime24/t8.jpg" "http://www.geocities.jp/alicehime24/t8.jpg\"")
</tr>
</table></div>
※【<div s…(略)position:absolute;top:10px;left:2%">此処にテーブルを置く</div>】という事です。
なので、【position:absolute;top:】
を足せば上部に来るのではないかと思います。
自信度 : 自信なし 回答レベル : アドバイス
Ads By Google
コメント(2)
#1. ぺー
2006-07-26 09:56:01
ayameさん、早速の回答有り難う御座いました。
ちなみに、livedoorさんのブログ上でtableをいれたいのですが何か良い方法有りますか？
>#1
ブログ上でというのは、タイトル部でですか？
でしたら表示させたいところでテーブルを組めば良いだけなんですが…。
(デザインによってな、バランスが悪くなる事もかなり有り得るので気を付けて下さい)
ですが、記事ごとに、という事になると、私にはそこまでの知識がないので、
ごめんなさいとしか言えません↓
と言うか、私もソース知りたいです(苦笑)。
