- ベストアンサー
画像と画像の間の空白
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<table CELLPADDING=* CELLSPACING=*> <tr> <td><img src="○○.gif"></td> <td><img src="○○.gif"></td> </tr> </table> CELLPADDING=* CELLSPACING=* の＊のところに、空白を入れたいピクセル分の数字を半角で入れればOKです。
その他の回答 (2)
- arcsin
- ベストアンサー率70% (28/40)
下の方々とは違って少々荒い方法ですが、半角スペース分あけたい場合は、「 」という記号が使えます。 <img src="○○.gif"> <img src="○○.gif"> とやれば半角スペース３つ分きっとあきます。 動作確認はしていませんが・・・。しかし、ウィンドウサイズが小さくなって画像がぎゅうぎゅうになったりすると、途中で折り返されたりしちゃいますね。 「文字間に半角スペース○個分あけたい！」というときによく使われる記号でもあるので「 」を覚えて損はないと思います。
お礼
ご回答ありがとうございました。参考にさせていただきます。
- w-inty
- ベストアンサー率33% (76/227)
<td><img src="**.gif></td> <td width=5><br></td> <td><img src="**.gif></td> とか <td><img src="**.gif></td> <td width=100><img src="**.gif></td> 画像の幅よりテーブルの幅をちょっと広めにする
お礼
ご回答ありがとうございました。参考にさせていただきます。
関連するQ&A
- Webの表で画像を並べたい
テーブルを使って画像を並べているのですが、どうしても空白ができてしまいます。ソースを見ても何が原因だかわかりません。 左側に145*89のセルが一つあり、右上に604*54のセル、右下には35*35、60*35、509*35の3つのセル（今後増やす予定です）を作り、画像を並べたいと思っています。 が、左の画像と右下（2つ）の画像、右下（2つ）の画像と右上の画像との間にそれぞれ少しだけ空白ができてしまいます。 何が原因だか分かりますか？どうかよろしくお願いします。 ソースは以下の通りです。 <table width="749" height="89" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="3" width="145" height="89"><IMG SRC="images/main_up_01.gif" width="145" height="89"> </td> </tr> <tr> <td width="604" height="54" colspan="10"><IMG SRC="images/main_up_02.gif" width="604" height="54"> </td> </tr> <tr> <td width="35" height="35"> <img src="images/top.gif" width="35" height="35"> </td> <td width="60" height="35"> <img src="images/top2.gif" width="60" height="35"> </td> <td width="509" height="35"> </td> </tr> </table>
- ベストアンサー
- HTML
- カウンタとその左右につける画像の隙間をなくしたいのですが
カウンタの左右に画像をつけて かわいらしいカウンタにしたいのですが どうしてもカウンタの数字の左右の画像との間に 隙間ができてしまいます。 今は下記のようにテーブルタグでつなげているのですが 完全に隙間をなくすことができません。 どうしたら完全に隙間をなくせますか？ <TABLE Border="0" CellSpacing="0"CellPadding="1"> <TR> <TD> <IMG Src="material/counter_r.gif" Border="0" Width="22" Height="25"></TD><TD><img src="cgi-bin/・・・/count.cgi?gif" Border="0"> </TD> <TD> <IMG Src="material/counter_l.gif" Border="0" Width="22" Height="25"> </TD> </TR> </TABLE> お忙しいところ申し訳ありませんが 教えていただけるとうれしいです。 よろしくお願いします。
- ベストアンサー
- HTML
- HTMLファイルの画像について
メモ帳で２００枚近くある画像（50x50ピクセル）が載ったアルバムを作ったのですがファイルが重くてなかなか開きません。 そこでわたしが考えた対策は、基本的に画像は非表示でオンマウス、またはマウスオーバーで個々の画像を表示するというやり方です。 けど、肝心のプログラムの仕方が分かりません（初心者です）。 とりあえず今の現状なんですけど、 <table> <tr> <td><img src="http://***1.gif">１</td> <td><img src="http://***2.gif">２</td> <td><img src="http://***3.gif">３</td> <td><img src="http://***4.gif">４</td> <td><img src="http://***5.gif">５</td> </tr> <tr>残り省略</tr> </table> こんな感じで延々２００行続いています。 （画像は著作権がない物です） そこで質問なんですけど、わたしが考えた対策でも、それ以外の方法でも構わないので画像数を減らす事なくファイルを軽くする方法があったら教えてください。 宜しくお願い致します。
- ベストアンサー
- ブログ
- table内画像について
携帯サイトを作成しているのですが、下記の内容を記述したところ、上下の画像が2px程表示されませんでした。 test1.gifは画像下部分、test2.gifは画像上部分が表示されませんでした。 このような状態はどのような原因があるからでしょうか？ <table width="240" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="test1.gif"></td> </tr> <tr> <td bgcolor="#ffffcc"> テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト </td> </tr> <tr> <td><img src="test2.gif"></td> </tr> </td> </tr> </table>
- ベストアンサー
- デザイナー・クリエイティブ職
- このＨＴＭＬは間違えですか？
テーブルタグにおいて、 <table> <tr><td><img src="ok.gif"></td></tr> <tr><td><img src="no.gif"></td></tr> </table> <table> <tr><td><img src="ok.gif"></td></tr> <img src="no.gif"> </table> この２つの構文はほぼ同じ表示になります。（細かい違いを気にしなければ） 下記は間違えでしょうが、使ってもかまわないということでしょうか？
- ベストアンサー
- HTML
- ホームページの表と画像の間の余白をなくしたい
ｈｔｍｌでホームページをつくっています。 表と画像の間に謎のおおきな余白ができます。 <img src="2.jpg" width="600" height="500"> <table height="50%" border="0"> <tr> <td>あああ</td> <td>あああ</td> </tr> </table> 特になにもしていないのですが どうすれば余白をなくすことができますか？ よろしくおねがいします。
- 締切済み
- HTML
- 画像を横に並べると、枠線が出てしまう
<table border="0"> <tr> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> </tr> </table> これで、WPで作ったブログの画像を並べてみたのですが、 枠線を設定していないのに、細い枠線が出てしまいます。 <table> <tr> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> </tr> </table> で、やっても枠線が出ます。 どのような記述にすれば、枠線が一切ない状態で並べることができるでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- 初歩的で申し訳ありませんが・・
<table><tr> <td><img src="/cat.gif">ＯＫ！ ＣＯＭＥ ＯＮ！<img src="/cat.gif"></td> </tr></table> 画像のサイズ（高さ）が30px 文字のサイズが10px です。 このままだと文字が下にくっつきます。文字を行の真ん中に浮かせたく、 tr td に valign="middle" や style="line-height:30px;" をやりますが変化ありません。 この場合はどうすればよろしいでしょうか？
- ベストアンサー
- HTML
- HTML <td></td>タグ セル内余白を無くす方法
次の様なプログラムで画像(a.gif 30x30ピクセル)を表示させると、画像とセル枠線との上下の間に余白ができる。この余白を無くす方法？ <table border="1"> <tr><td rowspan="2"><img src="a.gif"></td><td><br></td></tr> <tr><td rowspan="2"><img src="a.gif"></td></tr> <tr><td rowspan="2"><img src="a.gif"></td></tr> <tr><td rowspan="2"><img src="a.gif"></td></tr> <tr><td><br></td><td> </table> テーブル内を２列にして、画像を縦方向に画像高さの半分だけズラして表示したい。 セル結合をしないで、ごく普通に２行２列にすると画像とセル枠との間には余白が生じない。 セル結合した場合に生ずる余白を無くす方法を教えて下さい。エディタは「メモ帖」、ＯＳはWinXP、ブラウザはInternet Explorer６です。
- ベストアンサー
- ホームページ作成ソフト
- 画像の配置（上下の間隔）で教えて下さい。
初心者なのですが、本についていたｒｏｍを使って ＨＰを作成中です。 使用しているフォントの関係で、文字を加工して画像としてＵＰしたいのですが、その文字（画像）の間隔が広すぎて、どうしたらいいのかわかりません。 <table width="400"border="0 "align="center" cellpadding="0"lspacing="0"> <tr><td> <div align="center"><img src画像1.gif" width="700" height="300"vspace="10"> <img src画像2.gif" width="700" height="300"vspace="10"> </div></tr> </td> </tr> </table> <p align="center"> </p> こういった形になっているのですが、 どう直せば画像の間隔が狭くなるのでしょうか？ 宜しくお願いします。
- 締切済み
- HTML
お礼
ご回答ありがとうございました。参考にさせていただきます。