- ベストアンサー
Dreamweaver テーブルタグ機能の使い方とは?
- DreamweaverでHPを作成する際、テーブルタグ機能を使用することで複数の画像やコメントを配置することができます。
- しかし、特定の部分だけサイズが長くなり、他のテーブルのサイズを変えたくない場合、スクロールバーを使って動かすことはできるのでしょうか?
- もし不可能であれば、他の対処法はあるのでしょうか?
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
#1の方がおっしゃるように できれば3行2列目に入れる内容を 他のセルと同じ大きさにすることが一番良いと思いますが、 それが難しい場合は、 1.インラインフレームで表示させる 2.テーブルの行を下にもう一段増やし、 右側のセルは上下で結合させる。 (#1さんの図を使わせて頂くと、5の下に7、 6の下に8を作り、6と8を結合させます) 1の場合だと、該当セルの中身を別のHTMLファイルとして作り、 3行2列目の<td></td>の間に <iframe src="ファイル名.htm" width="00" height="00"></iframe> というように書きます。 (width="00" height="00"の部分は他のセルと合わせます)。 ただ、ページのデザインによっては 見た目があまり良くないこともありますので、 絶対にお勧め、というわけではありません。 また、このタグに対応していないブラウザもありますので ご注意ください。 2の場合は下記のような感じです。 <html> <head> <title>テーブル</title> <style type="text/css"> <!-- .ta {border: none; border-collapse: collapse;} .td1 {border: solid 1px #000000; border-collapse: collapse;} .td2{border: none; border-collapse: collapse;} --> </style> </head> <body> <table class="ta"> <tr> <td height="120" class="td1"><img src="ファイル名" width="120" height="120" alt="1"></td> <td class="td1"><img src="ファイル名" width="120" height="120" alt="2"></td> </tr> <tr> <td height="120" class="td1"><img src="ファイル名" width="120" height="120" alt="3"></td> <td class="td1"><img src="ファイル名" width="120" height="120" alt="4"></td> </tr> <tr> <td height="120" class="td1"><img src="ファイル名" width="120" height="120" alt="5"></td> <td rowspan="2" valign="top" class="td2">あいうえお<br> <img src="ファイル名" width="100" height="30" alt="6"> <p>かきくけこ</p> <p>さしすせそ</p> <p>たちつてと</p> <p>なにぬねの</p> <p>はひふへほ</p></td> </tr> <tr> <td height="120" class="td2"> </td> </tr> </table> </body> </html> ・・・だけどこれはイメージされているものとは 違うような気がしますね(^^ゞ でもまぁ、こんなものもあるのかと、 参考になれば幸いです。
その他の回答 (1)
- lodeman
- ベストアンサー率38% (16/42)
スクロールバーは個人的ですが 使い勝手があまり宜しくなさそうに感じます。 ┌─┬─┐ │1 │2 │ ├─┼─┤ │3 │4 │ ├─┼─┤ │5 │6 │ └─┴─┘ 5まで画像で6が画像と文字 6が指定サイズより広がる問題 ですね? 一応、サイズ指定の確認ですが、 指定する→1縦横 2横のみ 3と5縦のみ 指定しない→その他 6の中身だけで見た場合、2と5サイズの範囲内にはきちんと収まるサイズでしょうか? それと念のために、表示ブラウザの影響はありませんか?
お礼
インラインフレームを入れ込みました。バッチリ解決できましたよ。本当に丁寧な回答でわかりやすかったです。ありがとうございました。