2008'06.18.Wed
HTMLでは文章を二段組みにできないが、無理矢理やろうとしたらどうなるか。
もちろんテーブルを使うとか、少しだけレベルが上がるとCSSのフロートを使うとか、いろいろな意見があると思うけど、今回はそういう見かけだけのはなしで、全力で二段組みを実装しようともがいてみる。
その前に、先の方法でのデメリット。読み飛ばして貰って構わない。
まず両者、共に文章の変更が面倒であること。そして一段目の最終行が不細工になることだ。さらにテーブルは表を作るタグだし。
また、本来一つの文章であるのに切れてしまうと言う問題が残る。まあ、これはそう簡単に解決できまい。今僕が考えている方法でも難しいだろう。
さて、他の視点から見ると、画像で処理をしてしまう、と言うのがある。確かに早いし簡単だが、この方法が許されるのは仕事の時だけだろう。趣味で作るなら(HTMLを組むこと自体が趣味の場合は)、やはりそんな方法ではおもしろくない。
ここからが今考えている案。
HTMLだけでは不可能なので、Java scriptを使用する。
事前に二段組みにする文章に対して、折り返す文字数Xを指定しておく。この時全体のデータをYとして、X < Y/2
文章をカウントし、Xのところでタグを挿入し、フロートで右に回せば完成。
レイアウトするときに、幅を文字数で指定すればレイアウト崩れも防げるし、文章は気軽に変更できる。
まあ、UTF-16とかで書いた文章には使えないだろうけれど……。
ひとつの思いつきなので、失敗したり、できなくても苦情は受け付けないわ。
もちろんテーブルを使うとか、少しだけレベルが上がるとCSSのフロートを使うとか、いろいろな意見があると思うけど、今回はそういう見かけだけのはなしで、全力で二段組みを実装しようともがいてみる。
その前に、先の方法でのデメリット。読み飛ばして貰って構わない。
まず両者、共に文章の変更が面倒であること。そして一段目の最終行が不細工になることだ。さらにテーブルは表を作るタグだし。
また、本来一つの文章であるのに切れてしまうと言う問題が残る。まあ、これはそう簡単に解決できまい。今僕が考えている方法でも難しいだろう。
さて、他の視点から見ると、画像で処理をしてしまう、と言うのがある。確かに早いし簡単だが、この方法が許されるのは仕事の時だけだろう。趣味で作るなら(HTMLを組むこと自体が趣味の場合は)、やはりそんな方法ではおもしろくない。
ここからが今考えている案。
HTMLだけでは不可能なので、Java scriptを使用する。
事前に二段組みにする文章に対して、折り返す文字数Xを指定しておく。この時全体のデータをYとして、X < Y/2
文章をカウントし、Xのところでタグを挿入し、フロートで右に回せば完成。
レイアウトするときに、幅を文字数で指定すればレイアウト崩れも防げるし、文章は気軽に変更できる。
まあ、UTF-16とかで書いた文章には使えないだろうけれど……。
ひとつの思いつきなので、失敗したり、できなくても苦情は受け付けないわ。
PR
Post your Comment
カレンダー
プロフィール
リンク
最新記事
最新トラックバック
ブログ内検索