セルの中の画像の隙間

質問

セルがあります。
その中に、画像をヨコに5つ並べます。
すると、画像同士の隙間がかなり開いてしまうのですが
これを詰めることってできないのでしょうか？

回答No.9

noname#100277 · ベストアンサー

アメブロでのCSSが余計な事をしてるからそう成る。
メニューの「ブログ」～「デザインの変更」～「スキンCSSの編集」
此処のコード一覧の中から以下のモノを探す。
.entry .contents img{
margin-right:5px;
margin-left: 5px;
}
5pxを0pxにして更新。
（上記は記事内の話。）

ブログ全体に反映させるなら・・・
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ 基本設定 ■■■■■■■■■■■■*/
img{
border: 0;
}
に以下を追加。
margin: 0px;

img{
border: 0;
margin: 0px;
}
↑こうする。

因みに初期のCSSです。
スキンに拠っては場所が移動したり、無かったりする場合も在り。

お礼

多分、これが回答です。

配布されている、デザイナーのスキンには
スキンCSSの編集というものがないという事がわかりました。

スキンCSSの編集ができるものは、全て自分でカスタマイズしなければならないので、ムリというのがわかりました。
ありがとうございます。

そして、今回のこのお礼が最後の私の記載となりますので、こちらにてまとめさせていただきますが、みなさん専門家すぎてCSS編集などを変更してしまえばいいという根本的な解決方法しかでなかったようですが、もっと簡単な方法があったのです・・・。昨日自分で気がつきました。すみません。このCSS編集は今後どこかのブログでの参考にさせていただきます。CSS編集ができるブログもありますので＾＾

みなさんの意見、とても参考になりました。
最後まで丁寧に回答くださった全ての方に感謝いたします。
また、私の言葉足らずの質問で不愉快に思われた方、すみませんでした。
意味不明な質問に何度も付き合ってくださった方、本当にありがとうございます。
こちらにて、全ての方にお礼を申し上げます。
これに凝りず、他の初心者さんの回答にもつきあってあげてください。
今後はCSSというものを少し勉強していきたいと思います。楽しみがまた一つ増えました。

回答No.11

ORUKA1951

もう貴方の質問には答えるつもりはありませんが。
答えはすでに出ています。
・ブログの仕様の問題であること
は明白になっています。この結論までに遅くなったのは唯一質問者が表示される画像部分のソースとそのページに適用されるCSSを示されてこなかったからです。
・そのブログのスキンの説明に書かれているはずであろう説明を読まれていないとこ
・回答者が情報を求めているのにそれには一切答えてこられなかったこと

　その挙句が「以降の回答はすみませんが、アメブロを利用している人でお願いできますでしょうか・・・。それか、せめてブログを利用しているとか・・・。」
　私は、後者ではありますが前者ではありません。だから、考えられる原因を示しました。
「本文で記載する方法しかできないと思っている（わからない）人間です。」
　なら、わかるようになってください。こんどは貴方が努力する番です。
　なぜなら、それがわかるようになるためには、この様なシステムでは不可能だからです。私はもうすぐ60になり、長くこの仕事をしていますが、それは皆さんのご指導と、そして学ぶ姿勢があったからだと思っています。
　HTMLもCSSも、そんなに難しいものではありません。HTMLなんて、高々、仕様書( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html )に書かれている内容がすべてです。以上でも以下でもない。
　どんな参考書やプログラムのマニュアルよりも少ないと思います。CSSも大差ありません。すくなくとも皆さんの回答を理解するまでに多くは要しないでしよう。
　もし、これまでの情報で理解できなければ、その希望は永久に未解決になります。なら、挑戦するしかありません。

　単純に、サイトに適用されるスキン(テンプレートとスタイルシート)の問題（<img要素>に、スタイルシートでmarginが指定されている）です。もちろん画像と本文がくっついて読みづらくなるのを防ぐためなので、marginを取り除きたい画像についてスタイルシートを変更しなさい。他の<img要素>はそのまま起きたい場合には、カスケードを考慮して目的の要素にだけ適用されるようにしなさい。
　これが、もっとも明快な回答だと思います。すくなくともこれが理解できるようにしてください。これは回答者ではなく貴方のすべきことです。それまで期待してはなりません。

補足

＞もう貴方の質問には答えるつもりはありませんが。
と記載しながらの回答ありがとうございます。
どう解釈していいかわからないですね。

一生懸命探しました。
何日も、何時間も費やしてhtmlで記載できないか考えました。
大量のページも調べました。
それでもわからなかったので、htmlという質問のページで、記載方法を尋ねました。

ブログで・・・と書いてあっても、ブログの記載は無視、
いきなりスタイルスートがどうとかいう意見に余計混乱しました。
どうして、ブログで記載、htmlで記載と条件をだしているのに
他のことがでてくるのでしょうか・・・。
答えは一つじゃないですか。
ブログでhtmlで記載はできない。
そういうことですよね＾＾

できないならできないって最初から記載すればいいものを、最後には自分でやりなさい、なんて命令で終わるなんて、こんなものなのですかね。
＞・回答者が情報を求めているのにそれには一切答えてこられなかったこと
どこの質問でしょうか。全てよみ、わかるものは全て回答してきたつもりです。どんな情報を求められていたのでしょうか？すみません、わかりませんでした。

不愉快な思いをされたのなら謝りますが、
一生懸命自分で調べてそれでもわからない、けれど、ブログでの話をしているのにブログの仕様もわからないから、私の質問はへんだといわれ続けると、ブログがわかる人という回答者の制限をつけるのは当然ではないでしょうか。
利用者が一番こちらの話もわかってくれます。
用意されたテンプレートを使いたい場合はCSSの変更はできません。
それをCSS編集すればいいだけと簡単に言われても・・・。

世の中最初から判ることばかりではありません。
私もCSS編集というものを初めて知り、今勉強しています。
世の中には最初から一つも調べずに丸投げで質問をする人もいるくらいです。まさか、こんな言い方をされるとは思いませんでした。
初心者さんへの回答はやめられたほうがいいですよ。お互い不愉快ですので。なぜ、やりなさい、とあなたに命令されなければいけないのかわかりません。かなりの屈辱感でいっぱいです。こういう場所から人生がイヤになったりするのでしょうね。
私も気力がなくなりました。悲しみでいっぱいです。

新しい言葉が出るたびに一生懸命調べて、頑張っている人間も世の中にはいるので、60という年齢なら尚更のこと、人生の先輩としてこうしてはどうですか？
CSSというものを勉強してみると、なぜスペースが詰められないのかわかりますよ、とアドバイスされてはいかがでしょうか。
質問をして2日、いきなり全てを理解できません。勉強するにしても限度がありますので、勉強すればわかる、やらないあなたが悪いと最終的に責められるのは、悲しすぎます。余裕を持ってもらえませんか？
お願いします。

回答No.10

abril

ANo.6です。
ANo.9様の解決策をご覧になればよろしいでしょが…

> ブログという場所でどう記載するのかわからない場合は私の質問も全くわからないと思います＾＾；

私は、アメーバブログでの仕様を知らないと申し上げたまで。
ブログがどういうものか存じておりますし、仕事上、顧客専用のブログを構築した経験もございます。

> ブログは直接記入か、htmlでタグを記入になります。
> それしかない場所で、スタールシートを用いて記載すれば？という説明は、私にとっては非常におかしなものになるのです。

いいえ。ブログによっては、外部スタイルシートを自由にカスタマイズできるものもあります。
ですから何もおかしな質問ではありません。質問者様がお使いのブログではそうかもしれませんが、ブログといっても多種多様なものがありますから。
だから何度も質問者さまがお使いのブログの仕様を明らかにして下さい、と申し上げていたのです。

> イチから入力する方法での説明をされている今までの回答では、専門的すぎて、わからないのだと思います。

質問者さまのこの物言いは、意識されておられないにしても非常に失礼です。ご自分の仕様への無理解・的確な状況を説明できない事をこちらの無知のせいにはなさらぬ様に。

補足

言葉が足りませんでした。
＞> ブログという場所でどう記載するのかわからない場合は～
というのは、アメーバブログの話でした。

＞> ブログは直接記入か、htmlでタグを記入になります
これも、アメーバブログの話です。

＞ブログによっては、外部スタイルシートを自由にカスタマイズできるものもあります。

これは私も知っています。
いくつかの場所でブログをもっていますので、自由に設定できるものもありますね。

初心者の質問には、専門家は、当然知っているものだと判断し、専門的な回答をする、
逆に、初心者からすれば、いきなり飛躍した回答に戸惑うばかり。全くしらないことを、こんな仕様がありますよといわれても「？」でいっぱいになると思います。
私も自分の専門分野で回答をするときのことを思い出しました。
初心者はこういう意味で言っているのだなと、私がその立場になってようやく目線の違いというものがわかりました。

私の無知なのを、あなたのせいにはしていません。むしろ、自分が悪いのでレベルを下げてくださいという話です。
ただ、もう少し目線を下げてもらえないでしょうか、とお願いしています。
ある分野で自分は素人、相手は玄人、質問をしていてもいきなり応用へんに入り、当然のことと回答されて何のことだか、と困ったことはないでしょうか。
経験をすると、この意味がわかると思います。

それを考えると、最後の部分はどちらも適切とはいえないと思います。

回答No.8

ORUKA1951

なんだか混乱していますね。
HTMLもCSSも、きちんと理解されていないのに、アドバイスする人はわかったものとして説明している。
　たぶん、【想像ですが・・】そのブログでは、送信されたデータをHTMLに変換してページを作成しているのだと思います。
　そしてページのプレゼンテーションには、サイトで用意されたCSSが適用されているのでは、
　この問題を解決するには、実際に表示された画像部分のソースを見ること。firefoxだと数枚の画像部分を選択して「選択した部分のソースを表示」で確認できます。
　同時に、ページのソースから適用されているスタイルシートを調べてimg要素に関する配置に関するプロパティを確認することが必要です。
　たぶんスタイルシートで
img{
　margin: 10px;
}
などになっているのではないかと・・・・

　最も簡単なのは、firefoxにfirebug( https://addons.mozilla.jp/firefox/details/1843 )を導入してチェックするのが良いです。
　もし画像にattributeを加えることが可能なら、style=""で画像のスタイルを設定すればよい。
　またはHTMLのヘッダ情報を編集できるならスタイルの記述を加えればよい。
　それもダメなら、ブログの設定ファイルを編集することになります。

補足

そうです・・・。
基礎的な知識はありません。
いろんなページをみて、こういうタグをつかうと、こうできるよ、表がかけるよというものを見て、自分でアレンジする程度です。

以降の回答はすみませんが、アメブロを利用している人でお願いできますでしょうか・・・。
それか、せめてブログを利用しているとか・・・。

あと、ＣＳＳ編集はできないとおもいます。
用意されたスキン（フォーム）を利用しているので・・・。

----------------------質問内容----------------------------

・画像を挿入すると両サイドにスペースが自動的に入る。このスペースをなんとか削除したい。
・枠の中に画像を一つだけ入れても、同じく両サイドにスペースが自動的に入ってしまう。
・アメーバブログでは、htmlで記載も可能。その記載方法を教えてほしい。
・ＣＳＳ編集不可能なスキンを利用　編集できるのは本文のみ

本文で記載する方法しかできないと思っている（わからない）人間です。みなさんの回答でブログ全体の設定でなら変更が可能ということを初めて知りました。この程度の知識しかありません。よろしくお願いします。

回答No.7

noname#84373

こういう解決方法もあるよ！ということで
<html>
<body>
<div id="a">
<img src="b.gif" width="30" height="30">
<img src="b.gif" width="30" height="30">
<img src="b.gif" width="30" height="30">
<img src="b.gif" width="30" height="30">
<img src="b.gif" width="30" height="30">
</div>

<script>
window.onload = function(){delSpace('a');}
function delSpace(id){
var ob = document.getElementById(id);
for(var i=0;i<ob.childNodes.length;i++) if(ob.childNodes[i].nodeName=='#text') ob.removeChild( ob.childNodes[i] );
}
</script>
<img>タグ同士の間に空白や改行があるとテキストノードが入ります
それをスクリプトで消してしまいます！
消したいイメージを<div>で囲んでIDをふり、関数を呼び出すと
消してしまいます！まぁスクリプトが動くことが前提ですが・・・

補足

禁止タグが・・・と出ました。
入力はできたのですが、プレヴューでエラーがでました。

回答No.6

abril

…えーとですね。

> <p><img src="画像" alt=""></p>
> <p><img src="画像" alt=""></p>
> <p><img src="画像" alt=""></p>
> と記載すれば、縦のものは縦にならびますが、

それは当然なんですが。pタグで画像を囲ってらっしゃいますよね？pはブロック要素ですから、pタグ毎に改行されるのが仕様です。
ANo.3の回答で引用させて頂いたANo.2の補足の箇所では、

> <img src="画像" alt="">
> <img src="画像" alt="">
> で作成しても、結局画像は横並びになります。

と仰っていたので、imgタグを記述上改行して書こうが改行せずに書こうが、imgがインライン要素である限り表示結果が横並びになる（隙間云々はあっちへ置いておいて）のは当然です、とお答えしたのです。imgタグのみでマークアップしているのと、pを親要素としてマークアップしているのではレンダリング結果は全く異なってきますよ。

> <img src="画像" alt="">
> <img src="画像" alt="">
> <img src="画像" alt="">
> というものは、
> <img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">
> という、横並びに自動的に変換されてしまいます・・・。

ですから、上記の様なマークアップをしているのであれば、表示結果はANo.2で説明した通りです。
状況説明が非常にわかりにくいのですが、「横並びに自動的に変換されてしまう」と仰っているのは、つまり「入力した時は改行コード入りでimgタグを記述したが、それの表示結果（HTML）上のソースでは「改行コードなしでimgタグが並ぶ」という事ですか？もしそうであれば、ご使用のブログの仕様で、入力の際の改行コードを自動的に削除するという様な変換がされているのかもしれないです。しかし、繰り返しになりますが例えそうであろうがなかろうが、imgタグで直接マークアップする限りは、表示結果においてはいずれも画像が横並びになる事には何ら変わりはありません（隙間があるかないかは別として）。

> スタイルシートとhtmlとは、同じものなのですか？

違います。しかし、スタイルシート（CSS）は単独では意味を成しません。Web上で表示されるコンテンツとしてスタイルシートのみで構成されたものはありません。一方のHTMLは、HTMLファイル1つでもコンテンツとして成り立ちます。ですから、この2つは同等に比較ができる存在ではそもそもありません。

> たとえば、HP作成ソフトなどで、htmlで記載しているところにスタイルシートを入れられるものなのでしょうか？

「入れられる」という表現が妥当かどうかはさておき、外部ファイルとして参照、head内にstyleタグで記述、body内の各マークアップでタグ毎にstyle属性を付けて指定、という3通りの方法で「HTMLファイルにスタイルを適用する」事が可能です。

> 他のブログなどでもそうですが、スタイルシートで記載する場所にhtmlのやり方での記載はできませんが・・・。

申し訳在りませんが、この説明では何を仰りたいのかわからないです。
「スタイルシートで記載する場所」とは「どこ」のことですか？
「htmlのやり方での記載はできません」というのは、具体的に「どこ」に「何」ができないのですか？

> この両方を同時に同じページで使用できるという経験がないので、全く理解できないです・・・。

「この両方を同時に同じページで使用できるという経験がない」の真意がわかりませんが、ブログに限らず、トレンドなWebコンテンツで「HTMLファイルにCSSを全く使用していない」というものはごく少数です。

かなり知識が混乱しておられる様に思われます。スタイルシート（CSS）に関する基礎的な知識をおさらいした上で、ご使用のアメーバブログの仕様を今一度把握される事をお奨めします。その上で適切な状況説明がおできになるのでしたら、本来のご要望である、画像と画像の隙間をなくしたい、という事に対する的確なアドバイスもできるかもしれませんが…

補足

すみません。
基礎知識はありません。

ブログなどを書く上で、htmlで記載すると少しアレンジができるので
そういう場所での質問です。
スタイルシートで記載するブログもあります。
ブログという場所でどう記載するのかわからない場合は私の質問も全くわからないと思います＾＾；

ブログは直接記入か、htmlでタグを記入になります。
それしかない場所で、スタールシートを用いて記載すれば？という説明は、私にとっては非常におかしなものになるのです。
なぜ、htmlで記載するのにスタイルシートを使うのか・・・。
記載してもエラーとでるのに・・・・。
という事でした。

> 他のブログなどでもそうですが、スタイルシートで記載する場所にhtmlのやり方での記載はできませんが・・・。

記載する場所はブログです。
ブログでは、タイトルと本文を入力し、本文に選択するだけで色をつけてくれたりします。そんな場所での利用方法ですので、もしかしたら、イチから入力する方法での説明をされている今までの回答では、専門的すぎて、わからないのだと思います。
ようやくわかりました。
すみません、お手を煩わせてしまいまして・・・。

回答No.5

hikachu

＞タグの非表示にすると、画像は横並び、そして、またhtmlで表示する＞と、縦に入力したものが横並びに変換されています。

そうなるとあんまり関係なのかもしれないです。。。。

違いが何かというのが気になる訳ですね？
改行したら何故か変なスペースあいちゃう～♪
くらいの理解で十分ですよ＾＾

一度、画像のhtmlを消して
<img src="画像" alt=""><img src="画像" alt="">
と続けて入力してもスペース開く状態はmarginが設定れてるかもです？

＞それをhtmlでどうやって記載するのか全くわかりません。
＞html記載のブログでどうやってスタイルシートを用いればいいのでし＞ょうか・・・・？

その流れだときっとそこのブログは<head>んとこに記述できさそうですね？（笑）
一つ一つ書いていく形になります

<img src="画像" alt="" style="margin:0px;">

style=""←こいつの中で設定できます

補足

違いが何か気になる？
この意味もわからないです・・・。

スペースの違いがきになるのではなく、
表の中に収めたときに、画像が離れているので、横におさまりきらないのです。
それを何とかしたいので、画像同士のスペースを縮めたいのですが・・・。

＞と続けて入力してもスペース開く状態はmarginが設定れてるかもです？

これで、ちょっと理解できました。
一つ前の回答とあわせて探してみます。

回答No.4

koke29

アメブロのCSSでimgタグにmarginがあらかじめ設定されているのなら
<img src="" style="margin:0px;">
style="margin:0px;" を全部の画像に入れてみてはいかがでしょうか？

補足

ちょっとわかってきました。
CSSの編集場所を探せばいいのですね・・・。
どこにあるのか、全くわからないですけど＾＾；

回答No.3

abril

質問の意味がいまいちピンと来ませんでしたので、ご期待に添う回答ではないかもしれませんが。

> <img src="画像" alt="">
> <img src="画像" alt="">
> で作成しても、結局画像は横並びになります。
> そしてこれだけを入力しても
> <img src="画像" alt=""><img src="画像" alt="">
> と表示されるので、その違いがわからないのですが・・・。

imgはインライン要素ですので、ブロック要素と違い「前後に改行を置いた表示に」はなりません。
ですので、質問者様の仰る通り、imgタグをHTML文書内で「改行コードを入れて（改行して）縦に記述」（【A】）しようが「改行コードを入れずに（改行せずに）横並びで記述」（【B】）しようが、ブラウザで表示される結果は「横並びの画像」になります。
ですので、

> ちなみに、アメーバブログでのお話です。

アメーバブログの仕様の詳細は知りませんが、

> htmlに、縦に記載しても、
> タグの非表示にすると、画像は横並び、そして、またhtmlで表示すると、縦に入力したものが横並びに変換されています。

となるのは当然の結果かと。

普通に手動でHTMLファイルを作成した場合、【A】の場合、imgタグとimgタグの間に「改行コード」が挿入されます。HTML上では、この改行コードが1～2pxのスペースとして扱われる場合があります。そういった場合、【A】は隣り合う画像どうしの間に僅かな隙間ができた状態で表示される事になります。そういった違いはあります。
質問者様がご使用のブログにおいては、【A】と【B】でHTMLではき出される際のコードが異なるのか（改行コードをどう処理しているのか）否かわかりかねますので、

> <img src="画像" alt=""><img src="画像" alt="">
> という方法です。この状態での隙間が半角スペース分あいているので、それをどうにかしたいです。

実際にHTMLとしてはき出されたソースでも、上記の要に隙間なく記述されていますか？

> htmlで記載するタイプのものには、スタイルシートは記載できない、
> 逆も同じ、と思っています。違うのでしょうか？？

ここの意味が特にわかりにくいのですが、アメーバブログというのはユーザが自由にスタイルシートをカスタマイズできない／もしくはHTML文書のhead内の情報が編集できないのでしょうか？しかし、HTML文書中のタグは自由に挿入できる（自由なタグの使用が許可されている）、という事でしょうか？
もしそうであるなら、最終手段として、HTML文書のマークアップで直接style属性を使って一箇所一箇所記述する、という手がありますが。

補足

<p><img src="画像" alt=""></p>
<p><img src="画像" alt=""></p>
<p><img src="画像" alt=""></p>
と記載すれば、縦のものは縦にならびますが、
<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">
というものは、
<img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">
という、横並びに自動的に変換されてしまいます・・・。

スタイルシートとhtmlとは、同じものなのですか？
たとえば、HP作成ソフトなどで、htmlで記載しているところにスタイルシートを入れられるものなのでしょうか？
他のブログなどでもそうですが、スタイルシートで記載する場所に
htmlのやり方での記載はできませんが・・・。
上手く説明できなくてすみません。
この両方を同時に同じページで使用できるという経験がないので、全く理解できないです・・・。

回答No.2

hikachu

<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">

これだと画像どうしの隙間ができます

<img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">

これだと隙間が消えます

空白は無視というのが基本なのですが
改行すると謎な空白が出るということが起きているパターンがあるので。。。

スタイルシートですが簡単に説明しますと
外部から読み込むかhtmlに書き込むかのどちらかですね☆☆

両方良い点と悪い点あります
外部＝プラス更新が簡単　マイナス重い
内部＝プラス重くない　マイナス更新が大変

今回は内部で説明します
<head>
<style type="text/css">
<!--
img{
padding:0;
margin:0;
border:none;
}
-->
</style>

<head>から</head>の間に書きます
調べればいくらでもでてきますが
一応
padding:0;内側の余白
margin:0;外側の余白
border:none（0でも良いです）;リンクにした時にでる周りの線

この場合はimgタグ全てに
余白もボーダーもないデフォルトにしたってことです

例えば<p>タグについてだと
<p>うまいぼー</p>
<p>チョコバット</p>

こうすると
うまいぼーとチョコバットの間があきますが
これは<p>にもともと設定されているからであって
先ほどと同じ<head>から</head>の間に
p{
padding:0;
margin:0;
}
とでも入れておくと
うまいぼーとチョコバットの行間？などは無くなります

補足

<img src="画像" alt="">
<img src="画像" alt="">
で作成しても、結局画像は横並びになります。
そしてこれだけを入力しても
<img src="画像" alt=""><img src="画像" alt="">
と表示されるので、その違いがわからないのですが・・・。

ちなみに、アメーバブログでのお話です。
htmlに、縦に記載しても、
タグの非表示にすると、画像は横並び、そして、またhtmlで表示すると、縦に入力したものが横並びに変換されています。

ですから、この縦で記載する意味がわからないのですが・・・。

私が記載したのは、
<img src="画像" alt=""><img src="画像" alt="">
という方法です。この状態での隙間が半角スペース分あいているので、それをどうにかしたいです。

スタイルシートでの画像同士のスペースを消す方法はいくらでも出てきますので、最初からわかっているのですが、
それをhtmlでどうやって記載するのか全くわかりません。
html記載のブログでどうやってスタイルシートを用いればいいのでしょうか・・・・？

私の知識が間違っているのかもしれませんが、
htmlで記載するタイプのものには、スタイルシートは記載できない、
逆も同じ、と思っています。違うのでしょうか？？
両方を同時に記載できるのでしょうか？
混乱してきました・・・。
すみません、初心者のような質問かもしれないですが・・・。

回答No.1

hikachu

同じセルの中ということですね？

<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">

で並べるのではなくて

<img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">

並べてみてください

一応

これも試してみてください

<head>
<style type="text/css">
<!--
img{
padding:0;
margin:0;
border:0;
}
-->
</style>
</head>

補足

同じセルの中での画像の並べ方の話です。

<p><img src="画像" alt=""></p>
<p><img src="画像" alt=""></p>
<p><img src="画像" alt=""></p>
とすると、
画像は縦にならびますよね？

<img src="画像" alt="">
<img src="画像" alt="">
<img src="画像" alt="">
は、
<img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">
と自動的にくっついてしまうので・・・。
多分、上記の記載方法ではないかと。

<img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">という記載をしているので、横に並んでいます。
＞画像をヨコに5つ並べます
とありますので、既にヨコに並んだ状態です。
<img src="画像" alt=""><img src="画像" alt=""><img src="画像" alt="">という記載方法で画像の間にスペースができてしまいます。
それを詰めたいのです。
すみません。こういう質問をしたことないので、書き方がよくわからなくて・・・。

あと、htmlという場所での質問なのですが、styleシートは使えるのでしょうか？？？
詳しくないのですが、別物ではないでしょうか？？