スタイルシート　～ホームページ作成成功研究所～

スタイルシート2つで解決！

「行間にこだわる」で行間の重要性について書いてみましたが、この当研究所サイトのページを作ってから被験サイトのページ作成に入ると、被験サイトの行間の狭さにイライラしてくるこの頃。
被験サイトを作った時には十分な行間を確保したと思っていたのですが、最近ではその行間も狭く感じられてなりません。
被験サイトは外部スタイルシートの形式をとっているので、スタイルシートさえ修正すれば全ページの見栄えを一気に変えることができるのですが、ページ側の方で画像の回り込み・回り込み解除を多用しているので、その関係上、行間を修正するとレイアウトがかなり崩れてしまうのです。
これじゃぁ、外部スタイルシートの意味がないやんけ・・・と反省しつつ、諦めるしかないのか、今後もこの行間の狭いレイアウトのまま一生ページを増やし続けるのか・・・と思い悩んでいました。

しかしですね、ある日気づいてしまいました！
これから増やしていくページは別の外部スタイルシートを読み込ませればいいんだぁ！！
そう、こんな簡単なことに気づかない当研究所でした（笑）。

被験サイト中の既に存在している多数のページはスタイルシートAを読み込んで表示しています。
それと全く同じスタイルシートBを作り、行間の部分だけ直します。
そしてこれから新しく作るページはスタイルシートBを読み込ませるように設定して作れば、見栄えはそのまま行間だけが希望通り広くなり、それに合わせて画像の回り込みなどを設定しながら内容を作っていくので問題は一気に解決です。
早速そのスタイルシートBを読み込ませたページをアップしましたが、読みやすさが格段に向上したと思われます。

ちなみに、行間だけでどんな風に変わったかは実物をご覧ください。
昔のスタイルシートAを読み込んだページはこちら
行間を広く改良したスタイルシートBを読み込んだページはこちら

スポンサードリンク