ホームページ作成ソフトのQHM ホームページビルダーやDreamWeaverで1からホームページを作る前に!ブログ感覚で制作できるホームページ作成ソフト

2列・3列表示(段組)

2列・3列表示(段組)とは?

段組とは、横に2段に文字を書くことです。
通常は、1段組です。

方法は、styleプラグインを使います。

段組を使うことのメリット

段組を使用することで通常の書き方ではできない並べ方が可能になります。
たとえば、画像の下にインデントがずれることなくテキストを表示したり、
通常の書き方では縦に並んでしまうバナーhtmlなども横配置が可能になります。

デモ

左側の情報
ここは左側の情報です。左の段の文章です。

中央の情報
ここは中央の情報です。中央の文章です。

右側の情報
ここは右側の情報です。右側の文章です。

  

QHMでの記述方法

基本的な書き方

 #style2(style=width:45%;float:left;text-align:left){{
''ここは、左側の情報''
ここは左側の情報です。左の段の文章です。
}}
#style2(style=width:45%;float:left;text-align:left;margin-left:10px){{
''ここは、右側の情報''
ここは右側の情報です。右側の文章です。
}}
#clear

今回のデモソース

#style2(style=width:26%;float:left;text-align:left;margin-left:45px;){{
&ref(News1_2.jpg,nolink,左側の情報);
ここは左側の情報です。左の段の文章です。
}}
#style2(style=width:26%;float:left;text-align:left;margin-left:30px){{
&ref(img_serv02wha01.jpg,nolink,中央の情報);
ここは中央の情報です。中央の文章です。
}}
#style2(style=width:26%;float:left;text-align:left;margin-left:30px){{
&ref(image_1_151_1.png,nolink,右側の情報);
ここは右側の情報です。右側の文章です。
}}
#clear


QHMの応用2カテゴリ 関連項目


QHMを使うための4つの安心

ホームページ作成ソフト_2列・3列表示(段組)