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
2008'06.18.Wed
やばい……緋想天に時間が……
俺、次に起きたときから7月までパソコンつけないことにするよ……
と言おうと思ったのだけれど、レポートがあった。こんな時に! ガッテム!
だれか特定のソフト立ち上げようとすると警告するプログラム作ってくれ!
俺、次に起きたときから7月までパソコンつけないことにするよ……
と言おうと思ったのだけれど、レポートがあった。こんな時に! ガッテム!
だれか特定のソフト立ち上げようとすると警告するプログラム作ってくれ!
2008'06.16.Mon
英単語のdesperateには必死の、という意味と、絶望的な、という二つのいみがあると単語帳に載っていた。
絶望的な状況ではだれでも必死になる、と覚えるとよさそうだ。
まさに今の僕にぴったり。
_______________
本日よりテストモードになります。更新は午後11時ごろにパソコンから。気分で携帯からします。そして心が折れたら寝逃げです。まあ、つまりいつも通り。
絶望的な状況ではだれでも必死になる、と覚えるとよさそうだ。
まさに今の僕にぴったり。
_______________
本日よりテストモードになります。更新は午後11時ごろにパソコンから。気分で携帯からします。そして心が折れたら寝逃げです。まあ、つまりいつも通り。
2008'06.14.Sat
某所から通信、Operaバージョンアップでデザイン崩れの報告!
というわけでウチの様子はどうなのか見てきます。新PCになってからオペラ使ってなかったからインストールしないと……
_________
デザイン崩れはしないことを確認したけれど、IEではこのブログのデザインが微妙に違っているという衝撃の事実が。
経験からして、たぶんbody内での一番外側の要素のトップでmarginを使ってるのかなと。つまりそれをpaddingに変えればいけるんじゃね?てきな。
ちょっち修正してくる。
_________
修正完了。どうやら格子構造ではなく積み木構造(?)でした。
あとそのままpadingで調整すると痛い目を見そうだったので、bodyに直接paddingで上にスペース取ってみた。OperaとIEでは確認。……がしかしFFで崩れたーーっ!
たぶんSafariでも崩れてる予感。修正してくる!!
__________
修正完了……てか、上部のmarginの値を0じゃなくてo(オー)にしてたという凡ミスorz
なるほど、FFは正直なのね...
____________
東方緋想天を某狐に借りてプレイ。これは楽しい。
というわけでウチの様子はどうなのか見てきます。新PCになってからオペラ使ってなかったからインストールしないと……
_________
デザイン崩れはしないことを確認したけれど、IEではこのブログのデザインが微妙に違っているという衝撃の事実が。
経験からして、たぶんbody内での一番外側の要素のトップでmarginを使ってるのかなと。つまりそれをpaddingに変えればいけるんじゃね?てきな。
ちょっち修正してくる。
_________
修正完了。どうやら格子構造ではなく積み木構造(?)でした。
あとそのままpadingで調整すると痛い目を見そうだったので、bodyに直接paddingで上にスペース取ってみた。OperaとIEでは確認。……がしかしFFで崩れたーーっ!
たぶんSafariでも崩れてる予感。修正してくる!!
__________
修正完了……てか、上部のmarginの値を0じゃなくてo(オー)にしてたという凡ミスorz
なるほど、FFは正直なのね...
____________
東方緋想天を某狐に借りてプレイ。これは楽しい。
2008'06.12.Thu
久しぶりに朝の占いを見た。偶然にも天秤座が一位で、リーダーシップを発揮できるらしい。
僕としてはこの頃喉が痛くて風邪気味だったので、「体調が回復」くらいのことを言ってほしかった。
まあ、そんなことを言われても信じるつもりは毛頭ないけれど。
僕としてはこの頃喉が痛くて風邪気味だったので、「体調が回復」くらいのことを言ってほしかった。
まあ、そんなことを言われても信じるつもりは毛頭ないけれど。
カレンダー
プロフィール
リンク
最新記事
最新トラックバック
ブログ内検索