画像の回り込み時に文字が画像とくっつくのを離せますか(FAQへ
旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=1738
nya 2005-05-27 03:38:31
件名 :画像の回り込み時に文字が画像とくっつくのを離せますか(FAQへ
望海さんの説明を参考に画像の横に文章を持ってきてみました。うまく行ったのですが画像と文字がぴったりくっついてしまいま す。画像の横にすきまをつくれますか?
2005年05月27日 03:38 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2006-04-20 11:43:43
件名 :
sugarさん。いつもご丁寧にありがとうございます!!
やっぱり、このテンプレートには、なかったんですね?!
@@@@@@@@@@@@@@@@@@@@@@
imgの指定がこのテンプレートのスタイルシートにはないので、
img.emojiの前にこれを置きます。
img{
float:left; ←画像を常に左に回り込ませる
margin:0 15px 0 0; ←画像周りの余白 上右下左の順で
}
@@@@@@@@@@@@@@@@@@@@@@
このご指示通り、やってみたら、できました!!
でも。。。
画像の周りの余白が、今度は、できない。
10ずつ、指定したのですが。。。
でも、これから、リファレンスをみて、やってみます!!
本当にありがとうございます。
また、ずれたのは、日記を書いている欄の下のほうでした。
余白の指示分だけ、ずれてしまいました。。。。
2006年04月20日 11:43 by FC2スタッフ
旧フォーラムの記事です
sugar 2006-04-20 10:49:55
件名 :
こんにちは。
1.floatで回り込みをしますので、floatの記述のないこれではalign=leftを取った場合※
余白ができてしまうだけです。それで、ずれてしまっているのだと思います。このimg…は忘れてください。
(私の見落としでなければ、元々テンプレートにありませんよね?)
……と、今拝見したのですが、「ずれ」というのはどの部分でしょうか?
画像と上が揃わないのなら、<br />が入っているせいですが、そこでしょうか?
2.これは現在スタイルシートにはありません。
imgの指定がこのテンプレートのスタイルシートにはないので、
img.emojiの前にこれを置きます。
img{詳しい説明は、スタイルシートリファレンスなどでご覧ください
float:left; ←画像を常に左に回り込ませる
margin:0 15px 0 0; ←画像周りの余白 上右下左の順で
}
2006年04月20日 10:49 by sugar & FC2blog beauties
旧フォーラムの記事です
Anonymous 2006-04-20 10:37:46
件名 :
ご丁寧に教えていただき、ありがとうございます。
1.挿入したのは、画像の回り込みの際に、スペースを入れたくて、
ここの内容を拝見して、
img {
margin: 5px 5px 5px 5px;
}
と、スタイルシートの、一番下に入れてみたのです。すると、テンプレート全体が、
この幅づつずれました。
いま、その状態にしております。
2.また、教えていただいた、
img{
float:left;
margin:0 15px 0 0;
}
が、スタイルシートのどこにあるか、いまだ、見つけられなくて。。。
よろしくお願いします。
2006年04月20日 10:37 by FC2スタッフ
旧フォーラムの記事です
sugar 2006-04-20 03:15:59
件名 :
スタイルシートの下に「何」を入れたのでしょう?
全体にどう、ずれたのでしょう?
崩れた状態を維持したくないのは心情的に分かりますが、
やってみた結果を見せていただけなくては、URLを教えていただいた意味がありません。
もし、どうしてもそれがイヤなら、もうひとつ、テンプレートを作成して、その部分だけ変えたものを、
http://ブログアドレス/?style2=テンプレートの設定でついているテンプレート名&index
として出していただければ、概要が分かります。
ブラウザなどの情報も、大事です。はしょらないでくださいね。
atさんだけに言っているのではなく、皆さんへのお願いです。
=====
まずは調べていただきたいもの
floatについて
スタイルシートリファレンス:f loat
img{の前に入れてください。
float:left;
margin:0 15px 0 0;
}
2006年04月20日 03:15 by sugar & FC2blog beauties
旧フォーラムの記事です
Anonymous 2006-04-20 02:41:27
件名 :
スタイルシート内ならどこでもいいです。
不安ならスタイルシート内の一番下に追加することをお勧めします。
2006年04月20日 02:41 by FC2スタッフ
旧フォーラムの記事です
望海 2005-09-19 22:20:00
件名 :
最初にこちらを熟読ください。
http:/ /blog.fc2.com/forum/viewtopic.php?t=3248
分からないことがあったらまずは検索してください。
お金をもうけようとするならばそれなりに努力してくださいね。
2005年09月19日 22:20 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-19 17:15:02
件名 :本当にバカでごめんなさい。
スタイルシートってなんですか(どこにあるんですか)?
本当に物わかりの悪い大馬鹿者でごめんなさい。
ちなみに私が記事に貼ろうとしているものは以下のようなものです。
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/ 4053009308/fc2blog054-22" name="amazletlink" target="_blank"><img src="http://images -jp.amazon.com/images/P/4053009308.09.MZZZZZZZ.jpg" alt ="わかる!できる!応用自在―国立・私立中学入試対策 (2) 算数"style=border=&qu ot;0" align="left"> </a>右に回り込ませたい文章& lt;br><br clear="all">
これのどこの部分に
img {
margin: 5px 5px 5px 5px;
}
を挿入すればよいのでしょうか。教えてください。
2005年09月19日 17:15 by FC2スタッフ
旧フォーラムの記事です
望海 2005-09-19 09:35:38
件名 :
スタイルシート内ならどこでもいいです。
不安ならスタイルシート内の一番下に追加することをお勧めします。
2005年09月19日 09:35 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-19 02:15:19
件名 :余白の取り方
超初心者です。(^_^;)
画像の横に複数行のテキストを入れる「回り込み」はできたのですが,結局画像から文字を離す方法がいまいちまだ分かりません 。
img {
margin: 5px 5px 5px 5px;
}
を結局どこの部分に貼ればいいんでしょうか?
ちなみに私は記事の中に画像を貼ってその横にテキストを書こうとしています。
教えてください。 <img src="{SMILIES_PATH}/icon_redface.gif " alt=":oops:" title="Embarassed" / >
2005年09月19日 02:15 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-22 15:12:44
件名 :
img {
margin: 5px 5px 5px 5px;
}
↑これは、画像の横に文字を書く方法ではないですので、
望海さんのひとつめのメッセージ(このページね。)に書かれてあることをご参照ください。
2005年06月22日 15:12 by FC2スタッフ
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー