ロゴとロゴの間隔を<BR>以外調整できない?

質問

おはようございます。ブログにロゴを幾つか貼り付けてあります。<BR>わ使わないと、ロゴ同士がくっついてしまい、見にくくなります。<br>を使うと離れすぎてしまいます。何か良いHTMLはありませんでしょうか??

回答No.5

DrFell · ベストアンサー

<img src="01.jpg" style="margin:10px;"><br />
<img src="01.jpg" style="padding:10px;"><br />
<img src="01.jpg" style="padding:10px;border:1px solid #444;margin:10px;"><br />
<img src="01.jpg" style="padding:10px;border:1px solid #444;margin:10px;">

空きをインラインｃｓｓで入れたのが1・2行目。padding/margin どちらでも可。
ロゴ空き（padding）罫（border）空き（margin）の順番でデザインしたのが、3・4行目。

質問の答えは1・2行目なんだけど、paddingとmarginの違いがわかるのは、3・4行目。01.jpgの場所を適切なロゴをいれてお試しください。ロゴのサイズもちゃんと入れることが望ましいです。

いちいち書くのが面倒なら、html内の</head>の真上に

<style type="text/css">
img{margin:10px;}
</style>

を挿入すればOK。imgタグのデザインは空き10pxの意味。いちいち入れなくとも、そのページ内でデザインの統一が図れます。

また、サイト内で統一したければ、外部cssファイルを利用します。

ｈｔｍｌは文章の構造を記載します。デザインは構造とは違うので、スタイルシート（ｃｓｓ）に記載します。ｃｓｓはデザイン用ですので、<br>を重ねるより細かな指定ができます。例えば、空きでいうと1px単位で空けられます。

回答No.4

4610-564

>試してみましたが駄目でした。

えええええ　だったら、ロゴの画像自体が重なっちゃうじゃない？物理的におかしいよ
どんなHTML+CSS使ったってそれはないわ
座標設定+画像入れるブロックピクセル固定ってやったらレイアウトおかしくなるし

空間あけるって言うのは、画像ソフトでロゴをひらいて、左右ナリ上下ナリのキャンパスを
何ピクセルか広げた状態でその空間余白を透明画像として保存する意味なんだけど
透明部分の画像の大きさ無視するなんて命令CSSにはないし

それともそのロゴを入れるCSSのBOXがロゴの画像の大きさきっちりに設定されているなら
CSSでマージン設定すればいいだけの話になるけど

回答No.3

noname#158634

#1でできないはずないんだけどなあ…
CSSでmarginとかline-heightを調整すればできますよ。

>#2
テーブルレイアウトなんか教えるな。

回答No.2

yhc3594

掛線０ピクセルの表（並べるロゴの数分の列が必要）を作成し、各セルに１つずつ
ロゴを配置します。
＊後は、表またはセルのプロパティを調整すれば、良いかと思います。

回答No.1

4610-564

ロゴがGIFなら、透明の空白部分を付け足せばいいのでは？

お礼

ありがとうございます。試してみましたが駄目でした。

補足

ロゴが縦に並んでいます。横に並んでいたら「スペース」であけられるようですが。。。