
お友達からご質問を頂いたので、
ちょこっとだけ書いてみたいと思います。
タイトルの通り、ブログフォームの
「タイトル画像」とは別に追加した画像の横に
テキストを複数行記述する方法です。
←の画像は
先日のガンダムUCep4記事で
左に画像を置いてその右に説明文を
複数行書くというスタイルです。
通常は追加した画像の横には1行しかテキストを書くことができず、
はみ出すと画像の下にテキストの続きが来てしまいます。
それではカッコ悪いですよね(^^;
ブログフォームで投稿した「タイトル画像」の横には
最初からテキストを複数行記述する事ができますが、
それと同じ事を、追加した画像でもやりたい、という事ですね。
具体的には、追加した画像のタグの中に「align="left"」という一文を追加します。
↑の画像の通りですね。
このタグを入れると、その画像の横に書いたテキストは、
画像の隣の上の方から記述されます。
タグを入れないと画像の隣の下の方に1行だけ記述されます。
この方法は、ブログフォームから画像を追加した場合にも、
My掲示板等から画像を追加した場合でも、使えます。
「align="left"」タグは必ずイメージタグに追加します。
基本的にPC閲覧を前提とする場合、テキストは9行まで書けます。
それ以上は画像の下へはみ出してしまいます。
PC(設定による)以外やスマホ等、画面表示のサイズ等によって
表示できる行数は変わります。

注意点として、テキストを書いたら
その後に必ず改行タグ「<br clear="left">」を
入れる必要があります。
※<>は半角で書きます。「<br>」タグではダメです。
このタグを入れないと、
←の画像のように、テキストの下に
次の部分の画像やテキスト等が来てしまい、
それ以降の表示スタイルが狂ってしまいます。
ちなみに「br clear="left"」タグはあくまで
改行ダグなので、これを入れるだけで
1回改行した事になります。
このタグのすぐ後に改行ボタンを押すと
2回改行されてしまいますので、
表示スタイルに気を使う方は注意が必要です。
という感じです。
私はだいぶ昔に少しだけhtmlタグを弄ってた経験があって、
みんカラでブログを書く際も少しタグで表示スタイルに拘ってますが、
なにぶん古くて浅い知識なので、
もしかしたらもっと賢い方法があるかもしれません。
あっても私はこの方法で慣れてるので多分変えないと思います(笑
詳しい方、本職の方、見て笑わないで下さいね(^^;
ちなみにブログに画像を複数投稿する方法は
こちらの方法を主に使っています。
今はブログフォームでもサポートされてますが、
アカウント単位で容量が決められているので、
私のように超大量に画像を貼る場合は
すぐに一杯になってしまうでしょうね。
Posted at 2011/11/15 01:16:09 | |
トラックバック(0) |
みんカラの事とか。 | 日記