- ベストアンサー
テーブルを作ったんですが…
- 画像テーブルを作成しましたが、スクロールバーが表示されません。
- テーブルの幅は500pt、高さは450ptで、スクロールバーを表示するためにoverflow:autoを指定しています。
- テーブル内には画像やテキストが配置されており、正しく表示されています。
- oominnyoo
- お礼率60% (21/35)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
質問者さんの意図がちゃんと汲み取れてなくて申しわけないのですが，例えば<img src="01.gif" width="42" height="27" border="0"> にスクロールバーをつけたければ， <html> <head> <!--中略--> <style> <!-- .scrollImg { width: 30px; height: 20px; overflow: auto; } --> </style> </head> <body> <!--中略--> <div class="scrollImg"><img src="01.gif" width="42" height="27" border="0"></div> <!--中略--> </body> </html> のようにすればいいのです。 要はスクロールバーを出したい領域を上のような<div>ではさめばいいのです。 ただし，<div>の中に表のセル<td>を直接入れることはできないはずなので，こういう場合は<div>の中に<table>を入れてその中に<td>を入れるようにします。
その他の回答 (2)
- grape16
- ベストアンサー率55% (52/93)
<table>でなくて<img>にスクロールバーをつける場合は，<img>を<div class="...">～</div>ではさむようにし，この<div class="...">に対応するスタイルを<style>中に width:○○px;height:○○px;overflow:autoのように記述しておけばいいでしょう。
補足
つまりこういうことですか？↓（呑みこみ遅くてすみません；） <div class="...">の中の...には何をいれればいいんでしょうか…。 本当に何度も何度もすみません…。 <TABLE align="left" width="500" cellpadding="0" cellspacing="0" border="0"> <TBODY> <TR> <TD width="420" height="27"><div class="..."><IMG src="01.gif" width="42" height="27" border="0"></TD></div> <TD background="02.gif"></TD> <TD width="0" height="0"><div class="..."><IMG src="03.gif" width="40" height="27" border="0"></TD></div> </TR> <TR align="left"> <TD background="04.gif"></TD> <TD width="100%" height="350" bgcolor="white"> テスト<BR> </TD> <TD background="06.gif"></TD> </TR> <TR> <TD width="416" height="25"><div class="..."><IMG src="07.gif" width="42" height="46" border="0"></div></TD> <TD background="08.gif"></TD> <TD width="0" height="0"><div class="..."><IMG src="09.gif" width="40" height="46" border="0"></div></TD> </TR> </TBODY> </TABLE> </div> <style TYPE="text/css"> <!--.auto {border:solid;height:450px;width:500px;overflow:auto;}--> </style>
- grape16
- ベストアンサー率55% (52/93)
<table>全体を<div class="auto">～</div>の中に入れてみてください。 height:450pt;width:500pt; は height:450px;width:500px; の間違いでないでしょうか？ tableの高さ・幅が450px, 500pxを超えればスクロールバーが表示されるはずです。
補足
アドバイスありがとうございます。 えっと…それですと外側に黒い枠ができてしまって、 そっちのテーブルの方にバーがついてしまうんです。 画像の中にスクロールバーを入れたいのですが、ムリでしょうか？
お礼
こんなに細かく書いていただいてありがとうございます。 本当に感謝しています！お陰でできました！！