旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3&t=357
Ikuko 2005-04-17 23:52:47
件名 ：画像を左へその画像の右に文字を複数行入れたい
全くの初心者です。
どうぞお力をお貸し下さいませ。。。
私のプログは
<a class="postlink" href="http://you3.blog7.fc2.com/">http://you3.blog7.fc2.com/</a>
です。
まず、日記に付ける画像全てにポラみたいな枠を付けて、
なおかつその画像の横に普通に文字も書きたいんです。
同じような質問をされている方が何人か居たので、
全部見てみたのですが、そうするのかさっぱりわからず、ちんぷんかんぷんです。
何度か色々やってみたのですが、全く出来ず・・・。
すでにお手上げ状態です・・・・。
どこをそういうふうにすればいいのか、教えて下さい。
スタイルの変更とかのやりかたもいまいち解りません・・・。
初心者で本当に申し訳ないのですが、どうぞよろしくお願い致します。
このコミュニティにご参加頂くと、コメントの書き込みができます
ポラ風の枠をつけるスタイル例は、けっこう有名みたいですね。
書き方については、プチパレブログ | 画像に写真風、ポラロイド風の枠をつけるが参考になると思います。
画像の右側に文章をつけるには、テーブルタグを使うのがカンタンです。
日記に付ける画像全てにポラみたいな枠を付けて、
なおかつその画像の横に普通に文字も書きたいんです。
4件中、1～4件表示
CFDN 2005-04-24 08:00:25
件名 ：
回り込みは出来ているようですので、ウチであればこんな感じでやります。
<p><img src="xx" width="xx" height="xx" alt="xx" class="pics-l" />あああああああああ</p>
<p class="clear"><img src="xx" width="xx" height="xx" alt="xx" class="pics-l" />あああああああああ</p>
<p class="clear"><img src="xx" width="xx" height="xx" alt="xx" class="pics-l" />あああああああああ</p>
HTMLを使って投稿していないのであれば
<img src="xx" width="xx" height="xx" alt="xx" class="pics-l" />あああああああああ
<br class="clear" />
<img src="xx" width="xx" height="xx" alt="xx" class="pics-l" />あああああああああ
<br class="clear" />
<img src="xx" width="xx" height="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.blog1.fc2.com/blog-entry-77.html">http://cfdn.blog1.fc2.com/blog-entry-77.html</a>