QHMの新世代のホームページ作成ソフト|簡単と安心で初心者に高評価、比較して見て下さい。

段組み、尚且つ「おまじない」も使える方法|QHMユーザーの為のカスタマイズ

段組み、尚且つ「おまじない」も使える方法




3列・4列・5列と段組みをする方法で、
尚且つ、「おまじない」「HTMLタグ」なども行える方法になります。




タグをお好みに設定して、「編集ページ」に記述する

QHMの「おまじない」で2列の段組みがありますが、段組みの中では「おまじない」が利用できません。

そこで、下記の「タグ」を、編集ページに記述して、段組みを行います。

#html2(<div style="width:18%;float:left;text-align:left;margin-right:0%;">)
1列目、ここに本文を記述する。
「おまじない」の記載もできます。
#html2(</div>)
#html2(<div style="width:18%;float:left;text-align:left;margin-left:2%;">)
2列目、ここに本文を記述する。
「おまじない」の記載もできます。
#html2(</div>)
#html2(<div style="width:18%;float:left;text-align:left;margin-left:2%;">)
3列目、ここに本文を記述する。
「おまじない」の記載もできます。
#html2(</div>)
#html2(<div style="width:18%;float:left;text-align:left;margin-left:2%;">)
4列目、ここに本文を記述する。
「おまじない」の記載もできます。
#html2(</div>)
#html2(<div style="width:18%;float:left;text-align:left;margin-left:2%;">)
5列目、ここに本文を記述する。
「おまじない」の記載もできます。
#html2(</div>)
#clear


  • 設定方法は、

「width:」・・・・・・横幅を指定する「xx%」
「float:」・・・・・・・列を寄せる「left:左」「right:右」
「text-align:」・・・・文字を寄せる「left:左」「right:右」
「margin-left:」・・・左側の余白を指定する「xx%」若しくは「xxpx」

「margin-left:10px;margin-right:10px」と、記述すれば、左右に余白を指定しますが、
左右の余白は、必要ないかと思います。

「float:」「text-align:」は、見た目が悪くなるので、基本的に、「left」のままで良いかと思います。
「width:」「margin-left:」の合計は、100%以下になるよう設定します。

お好みで、3列するか、4列のするか、場合によっては、7列とかも可能です。
しかし、その分横幅の制限が小さくなります。

最後は、必ず「#clear」で、閉じてください。






このページは役に立ちましたか?

選択肢 投票
大変役に立った 2  
多少役に立った 0  
解かりづらかった 0  
まったく必要ない 0  




自動スパムコメントの回避の為、認証コードの4桁の数字を記入して下さい。




a:1415 t:1 y:0

powered by HAIK 7.2.6
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional