- ベストアンサー
テーブルの隙間について
テーブルについてあまり理解できていませんが、理解しようとやってはみるもののうまくいきません。 今までビルダーの6ではなんとなくできたからこれでいいやでやってきました。ですからテーブルなど自分がややこしいと思ったものは使わずにきました。 ですがホームページビルダー10を手に入れ、今ホームページをリニューアル中でして、今回は自分で満足できるものを作りたいと思っています。 ですがテーブルがどうもうまくいきません。 セルとセルの繋がるところがうまくいかず画像を入れると隙間ができてしまいます。罫線の幅を0にして枠表示のチェックもはずしているのですが画像が繋がってくれません。 どうしたらよいのでしょうか? よろしくお願いいたします。
- prin2
- お礼率100% (7/7)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
すき間ができるのは、 表の幅や高さ、セルの幅や高さに値が入っている場合が多いです。 値をすべて「0」にしてください。 そのほか、罫線の幅:0、セル内の余白:0、枠の幅:0、 これですき間がなくなるはずです。 セルの中に入る要素によって 自由に伸び縮みする表を利用すれば間違いありません。
その他の回答 (1)
- suzuko
- ベストアンサー率38% (1112/2922)
あまりお勧めできませんが、 <table width="幅" border="0" cellspacing="0" cellpadding="0"> ではいかがでしょうか?
お礼
早速のご回答ありがとうございました。 お礼が遅くなり申し訳ございません。 休みの日に試してみます。 ありがとうございました。
関連するQ&A
- テーブルの隙間を無くしたい
DreamWeaverCS4を使いホームページを作成しております。そこでテーブルについて、狙い通りに上手く表示が出来なくて困っております。どなたかご指導アドバイスをお願い致します。具体的な内容は下記のとおりです。 ・テーブルを「7列2行(全体の大きさは横700px×縦100px)」で作成し、内訳は1行目は、一枠横100px×縦50pxの大きさで7枠作成。2行目は横700px×50pxで作成。 上記内容のテーブル1行目に横100px×縦50pxのサイズの画像を7つ挿入。そして2行目には横700px×縦50pxの画像を1つ挿入しました。 そしてテーブルの設定は「ボーダーは0」です。 しかし、画像挿入後には2行目の画像横700px×縦50pxが入っているテーブルに隙間が出来て背景が見えてしまいます。1行目を見ると…微妙に各画像間の間に隙間が空いていて、この隙間が全体的に700pxを超えているようなんです。それで、2行目の画像に対して背景が見えて(テーブルの幅が広がってしまっています)いるのです。 そこでですが、画像を配置後にテーブルの隙間をきっちりと無くして背景が見えなくする方法ってあるのでしょうか? 解る方がいましたら…ご指導…アドバイスをお願い致します…。よろしくお願い致します…。
- ベストアンサー
- HTML
- 表の考えかた
ホームページビルダーを使っています。 どうも表については、いまいち理解しづらいのですが・・・ 次の考え方は合っていますか?(pixelで指定してます) [表の幅]は・・・ [罫線の幅] + [セル内の余白] + [枠の幅] + [セルの幅] ----------------------------- たとえば、2列の表の場合 [罫線の幅] =2 [セル内の余白] =3 [枠の幅] =2 [セルの幅] =100 ・・・と指定したとき、実際の幅は [罫線の幅] =2 → 2×2=4 [セル内の余白] =3 → 3×4=12 [枠の幅] =2 → 2×2=4 [セルの幅] =100→ 100×2=200 以上合計すると[表の幅]は 4 + 12 + 4 + 200 = 220 ・・・ということになりますか?
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーのテーブル設定操作
ホームページビルダー14を使用しています。 テーブルを使ってレイアウトしているのですが、5×5のテーブルを作成したとして、 1行目1列のセル枠幅の調整をしようとして、フォーカス後ドラッグスライドすると、そのセルに連動してその行のセル全ての幅が動いてしまいます。 1つだけのセルサイズ調整をドラッグスライドさせてする方法があるのでしょうか? または、他の方法があるのでしょうか。 もしかしたら、1つずつ設定したいのならたくさんのテーブルを作成するのかな?と考えたりもしているのですが・・・。
- ベストアンサー
- ホームページ作成ソフト
- テーブルの中に画像を入れたい
テーブルの中にイメージ画像をぴったりはまるようにしたいのですが、 画像の大きさとテーブルの大きさを合わせても(枠なし、隙間なし)、なぜか下のほうに少し隙間が出来てしまいます。 NetscapeやFirefoxだときちんと隙間なく見れますが、IEのみ隙間が出来るようです。また、幅を合わせてもIEの場合だけ、上下に作ったテーブルの間隔がずれるようです。 これはどのようにすれば、きれいに見せることが出来るでしょうか。
- 締切済み
- HTML
- DreamWeaver8 テーブル間のセル行幅変更
DreamWeaver8にて4行3列のテーブルを作成しました。 各セルの中に画像を隙間なく埋め込もうとしているのですが、 画像の上下に余白がついてしまうので、セル幅を変えようと セルのラインをクリック→ドラッグして行幅を狭くしたいのですが、 他の動かしたくないセルの行幅までも動いてしまい、テーブル全体が 大きくなってしまいます。 任意の1つのセルのみ行列幅を変更したい場合はどのように すればよろしいのでしょうか。
- 締切済み
- ホームページ作成ソフト
- 画像を使ったテーブルで隙間ができてしまいます
画像を枠に使ったテーブルをHTMLで作成し、FC2ブログに載せています。 Chrome上ではうまく表示されるものの、IE、Firefoxでは Rowの上に隙間ができてしまい、枠画像が正しく表示されません。 ----------Tableの基本構造---------- <table cellspacing="0" cellpadding="0" border="0" width="x" height="y" bgcolor="#FFFFFF"> <tr><td><img src="左上角"></td> <td><img src="上部"></td> <td><img src="右上角"></td></tr> <tr><td width="15"><img src="左1列目"></td> <td style="color:# … ;"> 内容1</td> <td width="15"><img src="右1列目"></td></tr> <tr><td width="15"><img src="左2列目"></td> <td style="color:# … ;"> 内容2</td> <td width="15"><img src="右2列目"></td></tr> <tr><td><img src="左下角"></td> <td><img src="下部"></td> <td><img src="右下角"></td> </tr></table> -------------以上-------------- 上記のものよりも実際は行と列を増やしておりますが、基本的に増殖しているだけです。 1行目と2行目の間に隙間ができて縦の画像枠が細切れになっています。 隙間ができているのは行の下ではなく、上の部分のように見えます。(背景色の見え方などから) テーブルのみの上記コードは、ローカル環境ではIEでも正しく表示されるため、 ブログにアップした際乱れるのは、スタイルシートの影響かと考えております。 自分でそれらしいところをいろいろ設定をいじりましたが改善しません。 ということで、 ≪スタイルシートの設定で、画像を枠に使ったテーブルの隙間に影響を与えうる要素≫ が何が考えられるか教えて頂ければと存じます。 なお、使っているStyle Sheetは以下のものですが、 http://blog-imgs-30-origin.fc2.com/w/m/k/wmks/wm_gienah_R.html TableにかかわるStyle部分はコメントアウトしましたので、テーブル自体のスタイルは 適用されていないはずです。
- ベストアンサー
- CSS
- DreamweaverMXのレイアウトテーブルについて
お世話になります。 Dreamweaverのレイアウトテーブルについて質問がございます。 最近ホームページビルダーからDreamweaverへ移行いたしまして、苦戦しながらもなんとか形になってきました。 何時間かやっているうちに2点ほど疑問があがりましたので、質問させていただきます。 1.レイアウトを決めてからそこに画像を入れていくという方式をとっているのですが、なぜかレイアウトテーブル(緑)の中のレイアウトセル(青)に画像を入れるとレイアウトセルがちょっと大きくなってしまいます。画像はセルと全く同サイズです。原因はなんでしょうか? 2.レイアウトテーブルなんですが、枠を表示することはできないのでしょうか?プレビューを見てみると、画像だけが浮き上がって見えるような感じになっています。 お手数をおかけいたしますが、ご見識のあるかたがいらっしゃいましたら何卒ご指導お願いいたします。
- 締切済み
- ホームページ作成ソフト
- テーブルについて
初歩的だと思いますがわからないので教えてくださいm(__)m 同じ行に画像とメニューを置こうとしてテーブルを横に並べて2個配置しました。それで左のテーブルには画像を右のテーブルにはメニューとならべてメニューは右はじに設置したかったので右に寄せました。で私のPCで確認するとちゃんとなってたのですが、ワイド型のPCで見るとメニューのテーブルが真ん中までしかいってなくて格好がわるくなってました。たぶん、右テーブルのサイズが悪いと思いますがどのPC(ブラウザ)でもメニューが右はじにくるようにしたいです。回答よろしくお願いします。なおホームページビルダーを使って作りました。 --------------------------------------------------------------------- | --------------------------- |---------------------------こっこに | | | | |すきまが | | | | top|できます | -------------------------- ---------------------------|
- ベストアンサー
- HTML
- テーブルをスマートなソースで書く方法
テーブルを作りたいと思っているのですが HTML・CSSでできるだけスマートなソースで書く方法がうまく思いつきません。 セルの枠とセル内の色のある部分を3ピクセルほど開けて背景の画像が透けて見えるようにしたいのですが、 1ピクセル幅で白い枠を作る&背景の透けている空白部分は3ピクセルの空セル、というやり方でHTMLのみで組んだり CSSのボックスを使って組んでみたりしましたが 画像どおりのものはできるもののもっと簡単な書き方があるように思えます。 なんだかものすごく簡単なことを聞いていて恥ずかしいのですが、案をお持ちの方どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- Dreameweaver テーブルの作成について
お世話になります。 Dreamweaverでのテーブルの作成について質問させていただきます。 2行3列のテーブル。 (1列目幅30ピクセル2列目幅740ピクセル3列目幅30ピクセル) 2行目は3列を結合させて1つのセルにしています。 そこに横幅800ピクセル画像を挿入しています。 けれどもどうしても、画像とテーブルの間に隙間が開いてしまっています。 レイアウトモードでみると800(801)となっています。 この()の意味と、どのようにしたら画像の幅とテーブルの幅がぴったりになるのでしょうか。 初心者で、質問が上手くできていないかもしれませんが、宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
お礼
親切に教えていただいてありがとうございます。 お礼が遅くなって申し訳ございません。 平日はなかなかできませんが今度のお休みにでも やってみます! ありがとうございました。