注目タグ

テンプレート・プラグイン

トピック詳細

画像の回り込み時に文字が画像とくっつくのを離せますか(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スタッフ

コメント一覧 22件中、11~20件表示

  • 旧フォーラムの記事です
    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;  ←画像周りの余白 上右下左の順で
    }
    詳しい説明は、スタイルシートリファレンスなどでご覧ください

    ※なお、このテンプレートにした場合、それぞれの画像に付したalign=leftは不要です。(それが目的ですよね)

    お試しください。

    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;
    }
    の前に入れてください。

    数字はお好みに合わせて調整してくださいね。
    意味が分からない場合は、先ほどのサイトで検索すると出てきます。
    [リンク:http://www.htmq.com/style/index.shtml]スタイルシートリファレンス[/ リンク]

    それから一番上の記事ですが、本文の前に2つ<br />が入っていますので、それを削除すると、画像と上が揃 います。

    私のところでは、これで上手くいきました。試してみてください。

    2006年04月20日 03:15 by sugar & FC2blog beauties

  • 旧フォーラムの記事です
    Anonymous 2006-04-20 02:41:27
    件名 :

    スタイルシート内ならどこでもいいです。
    不安ならスタイルシート内の一番下に追加することをお勧めします。



    1.こちらを参考に、スタイルシートの一番下に入れてみたら、テンプレート全体がずれてしまいます。
    どこの行に入れるのが適正しょうか?
    (テンプレートはcafeです)

    2.また、毎回、画像の回り込み(文章を右側に入れたい)をしたいのですが、
    スタイルシートのどこに指定すればよいか、わかりません。
    (いまは、記事に入力しています)

    どなたか、教えていただけますか?
    [下線]http://daysdaysday.blog63.fc2.com/
    [/リンク]

    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スタッフ

<< < 1 2 3 > >>