よく頂く質問集メニュー

レイアウトに関するFAQ

テンプレートをHP編集ソフトで開くとレイアウトが崩れている
テンプレートをうまく印刷できません。(崩れてしまいます)
メニュー画像の最後の1個が改行されてしまい、崩れてしまう
画像にテキストを回り込ませるfloat処理がなぜか反映されません。
biz7テンプレートの左側のブロック上部のラインが右側に飛び出てしまう。
biz7テンプレートの左右のブロックを入れ替えたいんですが、可能ですか?
divタグレイアウトとtableレイアウトの違いは何ですか?
リストタグを使いたいのですが、リストマークが出てきません。
テンプレートをHP編集ソフトで開くとレイアウトが崩れている
ご利用のHP編集ソフトによっては崩れてみえる場合があるようです。プレビューで確認しながら編集をすすめて下さい。
※ビルダーをご利用のお客様へ。テンプレートを開く前に必ず下準備設定を行って下さい。行わない場合、ビルダーが勝手にhtmlファイルを書き換えてしまって崩れる場合があります。
また、ビルダーは”初心者向けソフト”との事でスタイルシートで作ったテンプレートの場合、一部のスタイルは崩れて見えます。その際は、崩れた部分をメモ帳で編集し、プレビュー確認しながら作業を行ってみて下さい。
ページの上部へ
テンプレートをうまく印刷できません。(崩れてしまいます)
印刷するには印刷専用のスタイルシート(cssファイル)が必要で、そのままの状態では印刷で崩れを起こす場合が多いです。HPを囲むボックスの幅をpxではなく%指定にしたり、不要なブロックをoverflow:hiddenで非表示にしてみたりして、実際に印刷プレビューで確認しながらご自身で印刷用のcssファイルを作ってみて下さい。尚、html側にも印刷用のcssファイルを読み込むタグが必要です。
例:<link href="print.css" rel="stylesheet" type="text/css" media="print" />
ページの上部へ
メニュー画像の最後の1個が改行されてしまい、崩れてしまう
2009年5月以降に配布しているテンプレートについてはこの現象は起きませんが、それ以前のもので発生する場合があります。例えばHP編集画面にてリンクを貼りなおした際などにメニューのhtml側が崩れるなどです。メニュー部分のhtmlの改行を全てなくすか、それぞれをコメントアウトで挟む事で解決します。
詳しい説明をこちらに準備しましたので分からない人はお読み下さい
ページの上部へ
画像にテキストを回り込ませるfloat処理がなぜか反映されません。
こちらも2008年以前などに配布した古いタイプのテンプレートに見られる場合があります。この現象が起きた場合、style.cssファイルをメモ帳で開いて、上の方にある「img」という設定内の「vertical-align: bottom;」という1行を削除して下さい。これで通常の回り込み(float処理)ができるようになります。 ただ、テンプレートによって他の一部のパーツなどに若干のレイアウト崩れを起こす可能性もあるのでご了承下さい。
ページの上部へ
biz7テンプレートの左側のブロック上部のラインが右側に飛び出てしまう。
商品一覧のテーブルを使った場合にInternet Exploler6で見ると右側にラインが飛び出る場合があります。
お手数ですがstyle.cssファイルをメモ帳などで開いて、「.t1」項目内にある「margin-right: 9px;」を「margin-right: 5px;」に変更して下さい。
ページの上部へ
biz7テンプレートの左右のブロックを入れ替えたいんですが、可能ですか?
可能です。こちらに解説ページがございますのでお試し下さい。但し、配布当初の古いタイプのbiz7テンプレートには未対応です。その場合は有料サポートで対応可能。
ページの上部へ
divタグレイアウトとtableレイアウトの違いは何ですか?
divタグレイアウトはシンプルなhtmlで構成されており、SEO対策にも効果的と言われています。ただ、古いブラウザだとレイアウトが崩れるといったデメリットもあります。一方tableレイアウトは古いブラウザでも崩れにくいのですがhtmlが複雑でSEO対策には不向きです。ここ数年はdivタグレイアウト重視されてきているのでお手持ちのHP編集ソフトで正常に編集できるようならdivタグのテンプレートをお勧めします。(バージョンが古いHP編集ソフトだとdivタグレイアウトは編集画面で崩れてしまい編集がしずらいです)
ページの上部へ
リストタグを使いたいのですが、リストマークが出てきません。
ほとんどのテンプレートのスタイルシート(style.css)でリストマークが出ない設定にしているのでリストタグだけではマークが出ません。こちらにリストマークを出す方法を掲載しましたのでご覧下さい
ページの上部へ



WEB制作業者リンク

セキュリティーソフト

ポケットWifi

超光速ネット回線

おすすめ印刷サイト