- ベストアンサー
テーブル内の画像の隙間
私はmac OS10.3.4 IE5.2を使っています。 テーブル内で画像を使ったとき、サファリで見たら何ともないのですが IEだと左に寄せたら隙間はないのに右によせると隙間ができてしまうのです。(ちなみに何故か中央にもできません) tdより後に空白を入れないようにするといいと書いてあったのを実行してもどうにもなりません。 どうか知恵を貸してください。お願いします。
- ikumm
- お礼率100% (1/1)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 画像を使ったテーブルで隙間ができてしまいます
画像を枠に使ったテーブルを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="左１列目"></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
- テーブル内の画像を上寄りにしたい
こんにちわ、質問させてください。 <td width="300" height="300"><img src="img/#####.jpg" width="300" height="100" /></td> 上記のように300×300のテーブルの中に300×100の画像を表示させたのですが、上下側の中央に表示されてしまいます。 この画像を上寄りにさせたいのですが、やり方が何かありませんでしょうか？ 左右側では左・中・右の表示させ方は分かるのですが・・・ 現在は画像の下部に改行を入れて画像を無理矢理上へ寄せています。 もっと良いやり方があればと思いご相談します。 CSSを使ったやり方とかあればそちらの方でもお願いします。 よろしくお願いします。
- ベストアンサー
- HTML
- クリッカブルマップとテーブルの間に隙間が…
クリッカブルマップとテーブルタグを ・・・・・クリッカブルマップ画像・・・・・ テーブル左（画像貼り付け） テーブル右 という配置で併用したところ、マップ画像とテーブル左の間に隙間ができてしまいます。 border="0" cellpadding="0" cellspacing="0"などを入れてみても変化がありません。 左テーブルに貼る画像はマップ画像の続き（例：マップ画像の左下に花の花弁部分、テーブル画像に茎部分、といった感じです）なので、どうしても隙間なく並べたいのですが、それは可能でしょうか？ 解る方がいらっしゃいましたら教えてください。 よろしくお願いいたします。
- ベストアンサー
- HTML
- ＴＡＢＬＥタグについて・・。
よくあるタグですが、テーブルにイメージ枠をつけて 表示する方法ですが、 ネットスケープとかＭＡＣでも表示がちゃんとできるタグを 教えてください。 なんかこれだとＩＥ以外だと変です。 お願いします <TABLE border="0" cellspacing="0" cellpadding="0" > <TR> <TD><IMG src="左上枠の画像" ></TD> <TD background="上枠の画像" > </TD> <TD><IMG src="1/右上枠の画像"></TD> </TR> <TR> <TD background="左枠の画像" ></TD> <TD>枠の中のテキスト</TD> <TD background="右枠の画像" ></TD> </TR> <TR> <TD><IMG src="左下枠の画像" ></TD> <TD background="下枠の画像" > </TD> <TD><IMG src="1/右下枠の画像"></TD> </TR>
- ベストアンサー
- HTML
- テーブルの中に画像を入れたい
テーブルの中にイメージ画像をぴったりはまるようにしたいのですが、 画像の大きさとテーブルの大きさを合わせても（枠なし、隙間なし）、なぜか下のほうに少し隙間が出来てしまいます。 NetscapeやFirefoxだときちんと隙間なく見れますが、IEのみ隙間が出来るようです。また、幅を合わせてもＩＥの場合だけ、上下に作ったテーブルの間隔がずれるようです。 これはどのようにすれば、きれいに見せることが出来るでしょうか。
- 締切済み
- HTML
- 画像枠テーブルについて
画像を使ってテーブルを作ってます。 しかし、上と右の画像が繰り返してしまいます。 ここで調べてCSSでやってみましたが余計崩れてしまいました。 右下の部分と右の部分の結合もおかしくなります。 どうしたらいいんでしょうか？ http://blog-imgs-19.fc2.com/x/a/n/xandinosqu/table_temple.png 紫で囲まれた部分です。 ソースは <TABLE border="0" cellpadding="0" cellspacing="0" width="60%"> <TBODY> <TR> <TD><IMG src="左上の画像" width="15" height="15"></TD> <TD background="上の画像" width="100%"> </TD> <TD><IMG src="右上の画像" width="15" height="15"></TD> </TR> <TR> <TD height="50" background="左の画像"> </TD> <TD bgcolor="#ff577f"> <TABLE border="0" cellpadding="20" cellspacing="2" width="100%" height="100%" align="CENTER"> <TBODY> <TR> <TD>*中身*</TD> </TR> </TBODY> </TABLE> </TD> <TD background="右の画像"> </TD> </TR> <TR> <TD><IMG src="左下の画像" width="15" height="15"></TD> <TD background="下の画像"> </TD> <TD><IMG src="右下の画像" width="15" height="15"></TD> </TR> </TBODY> </TABLE> です。 ビルダーで編集してます。 横幅は60%でいいんです。 画像サイズは、左上・右上・右下・左下・右・左・上・下全て15×15です。 中途半端な説明かと思いますがご教授お願いします。 えーっと、それとなるべくなら小学生でも分かりやすい説明をお願いします。小学生じゃないですけど。
- ベストアンサー
- HTML
- 画像がテーブル内に収まらない
IEを使っているのですが テーブルの中に縮小した画像を入れると、 元の画像のサイズ分、テーブルが広がってしまいます。 テーブルのタグは <TABLE> <TBODY> <TR> <TD><A href="aaa.html"><IMG class=size src="/image/aaa.jpg"></A></TD></TR></TBODY></TABLE> このような感じです。 スタイルシートで sizeは } IMG.size { ZOOM: 20% } のように指定しています。 IE8の時は 画像をクリックする時も、マウスカーソルで画像を押してる時だけ元の画像サイズが、点々で表示されます。 IE９の場合も同じく画像が広がりますが マウスカーソルを画像に当てても点々は表示されません。 スレイプニル等のブラウザなら、テーブルの中に画像を入れても 画像は指定したサイズで表示され、テーブルに収まります。 テーブルのサイズを <TABLE width="30%"> としても、やはり画像の元サイズを基準にテーブルも広がってしまいます。
- 締切済み
- HTML
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか？ （↑けしてダジャレではありません(^^ゞ） セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか？ 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか？
- ベストアンサー
- HTML
- テーブルについて
初歩的だと思いますがわからないので教えてくださいm(__)m 同じ行に画像とメニューを置こうとしてテーブルを横に並べて2個配置しました。それで左のテーブルには画像を右のテーブルにはメニューとならべてメニューは右はじに設置したかったので右に寄せました。で私のPCで確認するとちゃんとなってたのですが、ワイド型のPCで見るとメニューのテーブルが真ん中までしかいってなくて格好がわるくなってました。たぶん、右テーブルのサイズが悪いと思いますがどのPC（ブラウザ）でもメニューが右はじにくるようにしたいです。回答よろしくお願いします。なおホームページビルダーを使って作りました。 --------------------------------------------------------------------- | --------------------------- |---------------------------こっこに | | | | |すきまが | | | | top|できます | -------------------------- ---------------------------|
- ベストアンサー
- HTML
- IE8などでCSSでテーブルを中央に、テーブル内のテキストは左寄せにしたい
お世話になっております。 ・本文・テーブルは中央揃え ・テーブルの内容は左揃え というものをCSSで作りたいのですが、 どのようにしたらいいのでしょうか。 現在のページの一部は <div id="main"> <h1>タイトル</h1> <table border="1"> <p> 本文 </p> <tr> <td colspan="2"><h2 align="center">○○○</h2></td> </tr> <tr> <td>内容</td> <td>内容</td> </tr> ～行が続きますが省略～ </table> </div> のようになっています。 ちなみに cssのmainは「text-align:center;」を指定しておりますが、 IE8にしたところテーブルが左寄せになってしまいました。 なるべく多くのブラウザで同じような配置になるようにしたいのですが どうしたらよいでしょうか。よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
解決致しました。 本当にありがとうございました。
補足
レスありがとうございます。 遅くなって申し訳ございません。 http://www.geocities.jp/m_193mm/ 本当お手数ですが、見ていただければ幸いです。。 本当に調べて、考えてお手上げ状態なので。。 本当に本当に申し訳ございませんが、どうかよろしくお願い致します。。アドバイスを頂ければ幸いです。。