注目タグ

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

トピック詳細

画像を左へその画像の右に文字を複数行入れたい

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=357
Ikuko 2005-04-17 23:52:47
件名 :画像を左へその画像の右に文字を複数行入れたい

全くの初心者です。
どうぞお力をお貸し下さいませ。。。
私のプログは
<a class="postlink" href="http://you3.bl og7.fc2.com/">http://you3.blog7.fc2.com/</a>
です。

まず、日記に付ける画像全てにポラみたいな枠を付けて、
なおかつその画像の横に普通に文字も書きたいんです。
同じような質問をされている方が何人か居たので、
全部見てみたのですが、そうするのかさっぱりわからず、ちんぷんかんぷんです。
何度か色々やってみたのですが、全く出来ず・・・。
すでにお手上げ状態です・・・・。
どこをそういうふうにすればいいのか、教えて下さい。
スタイルの変更とかのやりかたもいまいち解りません・・・。
初心者で本当に申し訳ないのですが、どうぞよろしくお願い致します。

2005年04月17日 23:52  by FC2スタッフ

コメント一覧 4件中、1~4件表示

  • 旧フォーラムの記事です
    CFDN 2005-04-24 08:00:25
    件名 :

    回り込みは出来ているようですので、ウチであればこんな感じでやります。

    <p><img src="xx" width="xx" h eight="xx" alt="xx" class="pics-l&q uot; />あああああああああ</p>
    <p class="clear"><img src="xx" ; width="xx" height="xx" alt="xx&qu ot; class="pics-l" />あああああああああ</p>
    <p class="clear"><img src="xx" ; width="xx" height="xx" alt="xx&qu ot; class="pics-l" />あああああああああ</p>

    HTMLを使って投稿していないのであれば

    <img src="xx" width="xx" height=&qu ot;xx" alt="xx" class="pics-l" /> ;あああああああああ
    <br class="clear" />
    <img src="xx" width="xx" height=&qu ot;xx" alt="xx" class="pics-l" /> ;あああああああああ
    <br class="clear" />
    <img src="xx" width="xx" height=&qu ot;xx" alt="xx" class="pics-l" /> ;あああああああああ

    こんな感じでしょうか。回り込み解除のためにbrタグは自分で打つ必要がありますが。

    .pics-l {
    float : left;
    }

    .pics-r {
    float : right;
    }

    .clear {
    clear : both;
    }

    HTMLを使用しない場合のタグはテストしてないので、話半分でお試し下さい。
    一応エントリを用意しましたので、参考になれば幸いです。

    <a class="postlink" href="http://cfdn.bl og1.fc2.com/blog-entry-77.html">http://cfdn.blog1.fc 2.com/blog-entry-77.html</a>

    2005年04月24日 08:00 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-04-24 05:09:38
    件名 :まわりこみについて。

    こちらに載っているタグで試しましたが(自動改行オフにして)、上手くいきません。
    まわりこみについて調べてもみたのですが、いまいちよくわかりません。
    画像の隣に複数行文字を書き、それを何枚分も縦に並べるというのをしたいのですが、どなたか良い方法御存知ないでしょうか?

    2005年04月24日 05:09 by FC2スタッフ

  • 旧フォーラムの記事です
    CFDN 2005-04-18 03:51:49
    件名 :

    ポラ風の枠をつけるスタイル例は、けっこう有名みたいですね。
    書き方については、プチパレブログ | 画像に写真風、ポラロイド風の枠をつけるが参考になると思います。
    画像の右側に文章をつけるには、テーブルタグを使うのがカンタンです。


    補足です。

    画像の回り込みを使うのが一番楽なのですが、もしうお氏の提案したテーブルタグを使用する場合には自動改行をオフにする事に 注意してください。
    自動改行をオフにして投稿しないと表示が崩れることになります。

    2005年04月18日 03:51 by FC2スタッフ

  • 旧フォーラムの記事です
    うお 2005-04-18 00:50:54
    件名 :Re: 画像を左へその画像の右に文字を複数行入れたい

    日記に付ける画像全てにポラみたいな枠を付けて、
    なおかつその画像の横に普通に文字も書きたいんです。

    ポラ風の枠をつけるスタイル例は、けっこう有名みたいですね。
    書き方については、プチ パレブログ | 画像に写真風、ポラロイド風の枠をつける が参考になると思います。
    画像の右側に文章をつけるには、テーブルタグを使うのがカンタンです。
    <table>
    <tr>
    <td>※ここに画像のタグを書くべし</td>
    </tr>
    <tr>
    <td>※ここに文章を書くべし</td>
    </tr>
    </table>

    2005年04月18日 00:50 by FC2スタッフ