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

ホームページ制作・Webシステム開発Last Up date 2007.02.26

ジーエープロの会社概要ホームページ制作・更新 Webシステム開発に関するお問い合せ

SEO対策に適したページ作成ツールMaspage(マスページ)を用いた、マニュアル作成の例

ライブドアBlogのTips集 HTMLタグを知らなくてもバランス良く文章・写真が掲載出来る!

ホームページ制作ホームページ制作 まめ知識一覧ホームページ制作 まめ知識 > 詳細

画像を右・左・右・左・・・と交互に表示させたい時<初級者編>

画像を右・左・右・左・・・と交互に表示させたい時<初級者編> 『写真が重なってしまった場合<初級者編>』において、画像の重なりを防ぐことは出来るのですが、左寄せばかりの写真掲載では少し面白みが欠けるので、写真を「左→右→左→右・・・」と交互に表示させて、文章の挿入を行なっていきましょう。

画像添付のHTMLソースの一番後ろにある
を、"right"に変更するだけ。

もちろん、『写真が重なってしまった場合<初級者編>』の
<br style="clear:left;" />
も必要ですのでお忘れなく!


画像を左右に配置したい時のHTML基本的には画像を順番に置いていき、それに”left”か”right”と振り分けていくだけ。それぞれに文章を挿入した後に、『写真が重なってしまった場合』・・・のclearタグを入れてあげれば、それだけで完成!

再度記載しますが、clearタグは

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

となります。




ホームページ制作ホームページ制作 まめ知識一覧ホームページ制作 まめ知識 > 詳細


Valid XHTML 1.1Valid CSS 2.0

当サイトへのリンクは自由です。ただし、著作権はジーエープロにあります。
© 2001-2008 GA-Pro All rights reserved
Created by ホームページ制作サービス

Web・ホームページ アクセス解析ASPサービス アクセク

Yahoo! Japan