痔になりやすい生活習慣とは?

DreamweaverでHPを作成しています。
テーブルタグ機能でどうしても実現させたいことがあり、それができず悩んでいます。
自分にとってのその難題とは・・・

まず大きなテーブルを作成 (画像のみ配置) して、その中にもう一度テーブルを
3行2列で作成し1行1列目、1行2列目、
2行1列目、2行2列目、
3行1列目と各マスに画像を入れ込み
3行目2列目のマスだけ画像&コメントを
入れ込んだとき,この3行2列目の部分だけ
自分が設定しているサイズ (縦部分のみ) よりも長くなってしまうのです。
そこで質問です。他のテーブルのサイズを変えたくない為、この3行2列目の部分のみ画像&文字コメントを入れ、
スクロールバーを入れ込み動かすことは可能でしょうか?

もし、不可能であればどういった対処法で解決できますでしょうか?回答宜しくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (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>

・・・だけどこれはイメージされているものとは
違うような気がしますね(^^ゞ
でもまぁ、こんなものもあるのかと、
参考になれば幸いです。
    • good
    • 0
この回答へのお礼

インラインフレームを入れ込みました。バッチリ解決できましたよ。本当に丁寧な回答でわかりやすかったです。ありがとうございました。

お礼日時:2005/03/31 22:04

スクロールバーは個人的ですが


使い勝手があまり宜しくなさそうに感じます。

┌─┬─┐
│1 │2 │
├─┼─┤
│3 │4 │
├─┼─┤
│5 │6 │
└─┴─┘
5まで画像で6が画像と文字
6が指定サイズより広がる問題
ですね?

一応、サイズ指定の確認ですが、
指定する→1縦横 2横のみ 3と5縦のみ
指定しない→その他

6の中身だけで見た場合、2と5サイズの範囲内にはきちんと収まるサイズでしょうか?

それと念のために、表示ブラウザの影響はありませんか?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング