解決済

clip!clip!
Ads By Google

画像のズレについて。

ライブドアでブログをやっています。

画像を2枚、左右同じ高さで配列したいのですが、どうしても右側の画像が少し下がってしまいます。
どうしたら、ずれることなく配列されるのか教えて下さい。

2006-06-19 08:14の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-06-19 19:29:32ベスト
Win IE6、Win Firefox、Mac Firefox以外のブラウザをお使いか、シンプルエディタを選択してお使いなのだと思います。
その場合、画像を入力する時も、HTMLタグを入力する形になります。
この場合、注意しなければならないのは、「投稿フォームの設定」と行替えの関係です。

管理ページ、投稿ページなどの上にある
管理ページトップ | ブログの投稿 | カスタマイズ/管理 | モバイル設定
の「カスタマイズ/管理」をクリックすると行ける「ブログの設定」のページの中ごろの「投稿フォームの設定」にエディタの改行の反映の仕方について設定できることがあります。
 ● 改行をそのまま反映  ○ 改行しても反映しない
と設定できるところがあります。

ここで、「改行をそのまま反映」に設定していた場合は、
例え、HTMLタグを入力していても、行替えすると改行が入ります。
つまり、<br>タグを入れたのと同様になります。

そのため、画像のHTMLタグを続けた場合も、行替えしてしまうと、1行分ずれてしまいます。
2つの画像のタグを続けて記入してください。

回答1.の方は経験的に実行されているようですが、理由は、上記の通りです。
この現象は、全てのHTMLタグを入力する時に出てきますので、ご注意ください。例えば、TABLEタグを入れると、下のほうに表示されるという質問が何度かあります。
回答レベル : 回答

試してみたところ、成功しました。
ありがとうございます。
わかりやすい回答に、感謝します☆

1.

2006-06-19 10:31:34
『IMG』ボタンから画像の投稿をしていますか?

一枚の画像を載せるのに、本文には
<img src=" ○○/imgs/○○.jpg" width="200" height="150" border="0" alt="○○" hspace="5" class="pict" align="left" />
このようなタグが表示されると思います。

これを二枚並べる際、
<img src=" ○○/imgs/○○.jpg" width="200" height="150" border="0" alt="○○" hspace="5" class="pict" align="left" />
<img src=" ○○/imgs/○○.jpg" width="200" height="150" border="0" alt="○○" hspace="5" class="pict" align="left" />
このように改行すると、二枚目の画像が1行分ずれてしまうようです。

改行して貼っていたようなら、
<img src=" ○○/imgs/○○.jpg" width="200" height="150" border="0" alt="○○" hspace="5" class="pict" align="left" /><img src=" ○○/imgs/○○.jpg" width="200" height="150" border="0" alt="○○" hspace="5" class="pict" align="left" />
改行せずにこのように貼って試してみてください。
Ads By Google

コメント(4)

#1.  
2006-06-19 09:08:43

その2枚の画像は同じ大きさですか?

#2.  keiyumi
2006-06-19 20:28:02

画像のサイズが違うと、ずれてしまうんですかね?
まだ、わからない事が多くて画像のサイズなど、よくわからずやっていたと思います。

#3.  keiyumi
2006-06-19 20:29:58

サッチさん
 回答ありがとうございます。
 改行せず、やってたんですがそれでも1行ずれているようです。

#4.  keiyumi
2006-06-19 20:32:37

horseflyさん
 ありがとうございます。
 まだためしてはいませんが、近いうちに試してみようと思います。成功したら、またコメントしますね。
 

トラックバック(2)

トラックバックURL: