ホームページの制作・作成 Web制作 HP作成会社のジーエープロ 自社開発 Webページ自動作成ツール Maspageの使用例

ライブドアブログを使う中で、一番最初に悩まされるのが写真掲載とそれぞれの説明文章。写真と文章の量が適切（画面上に占める文章の割合が、写真より多い）であれば悩む事なく掲載できるのですが、少し文章量が少ないと、写真が２重、３重に重なってしまったりします。
大抵は、ココで”エンターキー（改行）”を沢山入れたり等して、なんとか写真を順序良く並べることの出来るように調整したりしている様ですが、それではナンセンス！

ここで使うのが下記clearタグと呼ばれるものなのです。

まず、通常通り、アップロードしてある画像ファイルを選択し、アップしていきます。１つだけじゃなく、２つも３つも同じようにアップしていきます。

そこで、下の１行だけをそれぞれの画像貼り付けのHTMLの後に入れてください。

<br style="clear:left;" />

そうする事により、強制的にイメージの重なりを取ることが出来るのです。
もちろんこのタグの後ろに文章などを書き加えていっても大丈夫です。書き加えても書き加えなくても、写真は重なって表示される事はありません。

まず、上側のIMGボタンをクリックして、アップロードしてある画像ファイルを選びます。１つだけじゃなく、２つも３つも同じようにアップしていきます。
通常だと、この画像のようにイメージを貼り付けるHTMLがどんどん追加されていきます。
正直、「こんな英語の羅列じゃぁ、何にもわかりません！」って方でも安心してください。
１つ、画像をアップするごとに画像のように改行を１つだけづつ入れておくことにより、それがどの画像なのか･･･って事は非常にわかり易くなるはずですから･･･

しかしこのままの状態でアップすると、こんな感じに画像が横に横に･･･と追加されて、３つ以上になるとあらぬ方向へ向くばかりか、画像が表示されないこともあります。
恐らくたいていの人は、この状態で「ダメだぁ〜」となり、１つの写真を入れた後に改行を何回か押して対応するのが通常パターンですね。

でも、これだとブラウザによっての認識が異なり、見え方もかなり変わってきてしまうのです。

そこで、上記の赤文字部分のタグをそれぞれのイメージタグの後に入れてみましょう。
方法は簡単。
上記のタグを右クリックでコピーして入れるだけ。一番下のイメージタグ以外は全て入れてくださいね。