Dreamweaver テーブルタグ機能の使い方とは？
- DreamweaverでHPを作成する際、テーブルタグ機能を使用することで複数の画像やコメントを配置することができます。
- しかし、特定の部分だけサイズが長くなり、他のテーブルのサイズを変えたくない場合、スクロールバーを使って動かすことはできるのでしょうか？
- もし不可能であれば、他の対処法はあるのでしょうか？
- ベストアンサー
Dreamweaver テーブルタグ機能について
DreamweaverでHPを作成しています。 テーブルタグ機能でどうしても実現させたいことがあり、それができず悩んでいます。 自分にとってのその難題とは・・・ まず大きなテーブルを作成 (画像のみ配置) して、その中にもう一度テーブルを 3行2列で作成し1行1列目、1行2列目、 2行1列目、2行2列目、 3行1列目と各マスに画像を入れ込み 3行目2列目のマスだけ画像＆コメントを 入れ込んだとき,この3行2列目の部分だけ 自分が設定しているサイズ (縦部分のみ) よりも長くなってしまうのです。 そこで質問です。他のテーブルのサイズを変えたくない為、この3行2列目の部分のみ画像＆文字コメントを入れ、 スクロールバーを入れ込み動かすことは可能でしょうか？ もし、不可能であればどういった対処法で解決できますでしょうか？回答宜しくお願いいたします。
- ko-web
- お礼率50% (6/12)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1の方がおっしゃるように できれば３行２列目に入れる内容を 他のセルと同じ大きさにすることが一番良いと思いますが、 それが難しい場合は、 １．インラインフレームで表示させる ２．テーブルの行を下にもう一段増やし、 右側のセルは上下で結合させる。 （#1さんの図を使わせて頂くと、５の下に７、 ６の下に８を作り、６と８を結合させます） １の場合だと、該当セルの中身を別のHTMLファイルとして作り、 ３行２列目の<td></td>の間に <iframe src="ファイル名.htm" width="00" height="00"></iframe> というように書きます。 （width="00" height="00"の部分は他のセルと合わせます）。 ただ、ページのデザインによっては 見た目があまり良くないこともありますので、 絶対にお勧め、というわけではありません。 また、このタグに対応していないブラウザもありますので ご注意ください。 ２の場合は下記のような感じです。 <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="１"></td> <td class="td1"><img src="ファイル名" width="120" height="120" alt="２"></td> </tr> <tr> <td height="120" class="td1"><img src="ファイル名" width="120" height="120" alt="３"></td> <td class="td1"><img src="ファイル名" width="120" height="120" alt="４"></td> </tr> <tr> <td height="120" class="td1"><img src="ファイル名" width="120" height="120" alt="５"></td> <td rowspan="2" valign="top" class="td2">あいうえお<br> <img src="ファイル名" width="100" height="30" alt="６"> <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)
スクロールバーは個人的ですが 使い勝手があまり宜しくなさそうに感じます。 ┌─┬─┐ │１ │２ │ ├─┼─┤ │３ │４ │ ├─┼─┤ │５ │６ │ └─┴─┘ ５まで画像で６が画像と文字 ６が指定サイズより広がる問題 ですね？ 一応、サイズ指定の確認ですが、 指定する→１縦横 ２横のみ ３と５縦のみ 指定しない→その他 ６の中身だけで見た場合、２と５サイズの範囲内にはきちんと収まるサイズでしょうか？ それと念のために、表示ブラウザの影響はありませんか？
関連するQ&A
- DreamWeaverでテーブルの作り方（初心者です）
皆様 宜しくお願い致します。 初めてDreamWeaverを使用しましたが、HTML等何も分からない為、かなりやられております。 取りあえずテーブルを配置しそこに色々はめ込んでいけば、何となく出来るかな、と思っています。 その際、下記の様なテーブルを作成したいと思っていますが、やり方が分かりません。 どなたか教えて頂ければ幸いです。 縦列 2行 行（横の列） 左側の列に1行 右側の列に4行 こんな感じです。 分かりづらくてすいません。 宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- テーブルタグについて教えてください
無料ホームページサイトのエムペで小説を書いています。 アクセスは全てパソコンから、ブラウザはIEでした。そこからだとテーブルタグはちゃんと機能しています。 しかし、携帯や他のブラウザ(fire foxやGoggle chromeだと反映されません。 今気になる箇所は２点。トップページと小説ページで使えるテーブルタグです。 まず、トップページ。背景画像の上にテーブルを固定しています。 パソコンは数値でサイズを固定したテーブルタグを使用しています。これはどのブラウザでも正常にテーブルが機能しています。 携帯は倍率でサイズを固定したテーブルタグを使用しているのですが、画像もテーブルも読み込まれていませんでした。 テーブルタグ自体使えないのならばと、背景画像用の画像を横方向に連続させて帯のように上下に張り付けたかったのですが、これも読み取りません。私の携帯はauで２年前のものですが、タグを読み取るには古すぎたのでしょうか？ 次は小説ページについてです。 パソコンから小説ページを開くと、ウィンドウに合わせて文章が横にだらっと流れてバランスが悪いのでテーブルタグで整え中央に固定しています。しかし、テーブルタグで整えられるのはIEとsphなんとかだけで、fire foxとgoggle chromeはテーブルされないまま中央揃えされてしまいます。トップページはテーブル機能が読み込まれて、何故小説ページは読み込まれないのでしょうか？ テーブルタグに詳しい方、どうかアドバイスを教えてください。
- 締切済み
- ブログ
- Dreamweaverでサブウィンドウが
たびたびお世話になっております。 Dreamweaverでビヘイビアでサブウィンドウが開くというものを作っているのですが、 ウィンドウサイズを幅300にするとして、300の幅のテーブルに画像を配置したファイルを作って それを開くようにして見ると、 サブウィンドウが300で開いてはいるのですが、 画像が右にずれて表示されてしまいます。 つまり、表示したい画像サイズぴったりではなく、左がすこし（10ポイントぐらい？）余白が入って全体が右にずれている状態になってしまうのですが、 これはどうしてでしょうか？ 余白が入らずぴったりに表示させることはできないのでしょうか。 開くほうはテーブル100％で入れ子にしてセンター配置にしています。 解決策がありましたら教えてください。
- ベストアンサー
- HTML
- Dreamweaver のテーブルレイアウトで『初心者です』m(__)m
列3行3の表を作った場合、全ての部分（この場合9マスあります。）に同じ画像を一気に入れることってできないのでしょうか。 左上のマスをクリックしてからShiftキーを押しながら右下のマスをクリックすると全てのマスが選択できますが、この状態でイメージを差し込んでも１枚しか入りません＞＜ 以前のソフトでは上記方法で全てのマス目に同じ画像が配置できたのですが、Ｖｉｓｔａでは使用できないソフトで困ってます・゜(゜⊃ω⊂゜)゜・。エーンエーン
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverでこのデザインはどうやって作りますか？
Dreamweaver初心者です。 http://www.q-jin.ne.jp/ 上記サイトの、「こんな会社で働こう！」という緑でグループ化されている部分のデザインはどうやって実現できますか？ ４列ｘ３行の部分をどうやっているのでしょうか？ テーブルでしょうか？それともスタイルシートでしょうか？ ４列に分ける方法がわかりません。 １列だけならスタイルシートで可能なのですが。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- DreamWeaver8 テーブル間のセル行幅変更
DreamWeaver8にて4行3列のテーブルを作成しました。 各セルの中に画像を隙間なく埋め込もうとしているのですが、 画像の上下に余白がついてしまうので、セル幅を変えようと セルのラインをクリック→ドラッグして行幅を狭くしたいのですが、 他の動かしたくないセルの行幅までも動いてしまい、テーブル全体が 大きくなってしまいます。 任意の１つのセルのみ行列幅を変更したい場合はどのように すればよろしいのでしょうか。
- 締切済み
- ホームページ作成ソフト
- DREAMWEAVERでのテーブルの高さ設定
現在、趣味のページをDREAMWEAVERで作成中です。 ホームページビルダーからの乗換えで勝手がきかずにわからなくなりご質問します。 DREAMWEAVER8でHTMLを手打ちせずに表の高さを100%に指定しブラウザの大きさを変更しても、テーブルの中のテーブルが中央と右下に配置されるようにする為にはどうすればよいでしょうか？ テーブル(1)の高さを100%にしてその中のテーブルを80%にしてもレイアウトの配置がうまくいきません。 わかり辛い説明もうしわけございません。
- 締切済み
- ホームページ作成ソフト
- テーブルタグについて
楽天ブログの日記用テーブルを、最初は人から借りていましたが 自分でオリジナルなものを作りたくなって、いろんな人のテーブルタグを見ようみまねでＨＴＭＬタグを勉強しながら、どうにか簡単なものはできるようになってきました。 欲が出てきて、テーブルの中に 例えば右上・左下もしくは左上・右下に画像（イラスト等）を配置した テーブル作りに挑戦しているのですが、うまくいきません。 正しいＨＴＭＬタグを教えてください。 試してみたソースです ↓ <table cellpadding="30" cellspacing="1" border="0" style=" width: 100%; background-color: #AB8F74; "><tr><td bgcolor="#ffffff" background="左上の画像アドレス" style="background-repeat: no-repeat; background-position: left top;" valign="top" height="266" align="center"><td bgcolor="#ffffff" background="右下の画像アドレス" style="background-repeat: no-repeat; background-position: right bottom;" valign="top" height="266" align="center"> ■ここに日記内容■ </td></tr></td></tr></table> これだと余計な線が入ってしまいます。 ひとつのテーブルにしたいのです。 よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- DreamWeaver４ プレビューが崩れます。。。
DreamWeaver4を使ってホームページを作成しています。 テーブルを使ってJPEGなどを配置しレイアウトを調整しているのですが、"ブラウザでプレビュー"をするとレイアウトが大幅に崩れてしまいます。 具体的には、"隣り合ったJPEGが大幅に離れる"、"テーブルの上下に配置したJPEGが大幅に離れる"、といった具合です。 解決方法をご存知の方いらしたらお教えください。 よろしくお願い致しますm(-_-)m
- ベストアンサー
- ホームページ作成ソフト
- DreamweaverとFireworksを使おうと思っていますが，ど
DreamweaverとFireworksを使おうと思っていますが，どのように使い分けているか教えてください。 現在、自分はスタイルシートの編集とコード編集、テーブル操作をDreamweaver、スライス、画像へのリンク、ホップダウンメニューをFireworksで作成しています。 基本的にはDreamweaverが基本ソフトになるのでしょうが、些か自分には操作が難しく感じられます。皆さんはどのようにされていますか？
- ベストアンサー
- グラフィックソフト
お礼
インラインフレームを入れ込みました。バッチリ解決できましたよ。本当に丁寧な回答でわかりやすかったです。ありがとうございました。