ゴリカテ “ Library.js ” の列挙
prototype 系とか jQuery ベースとかについて。
今導入してる lightwindow 、lightbox 、Highslide.js 、lightview などの使用比較などなど。
“ lightwindow ” で ID をつけたインラインコンテンツの表示がおかしい。
『 lightwindow.js Demo 』のサイトにもあるように、 “ Inline Content ” に “ <p></p> ” 以外の要素を使うと、なんだかゴチャ～っと上詰めにまとまって表示されてしまうという現象が起こってる。
いわゆるサイト内で ID を付与したコンテンツ。
とりあえず目次を作って、一つひとつのリンクにアンカーを付与し、その “ # ” の場所に移動できるというなんとも便利なマークアップ。
それを “ lightwindow ” では、その ID を付与したコンテンツのみを飛び出せ ID みたいに独立した枠内に表示させてくれるという優れもの。
たとえば、最初に見たときは非表示、その要素を隠しておきたい部分に使用すれば、必要なとき、見たい人のみそれをクリックしたら見れるというような小細工ができる。
ゲームの攻略法とか映画のネタバレとか、なんかの注意事項だの利用規約だの、はたまた恋人との秘密の一行日記だの、用途はさまざまだろうさな。
にも関わらず、表示がおかしいということに気づいた先日。
Demo でも全部が “ p ” タグでそれぞれ包括されてるわけだけど、それができるんなら、リストタグでもできるだろうとタカをくくっていたのが大間違い。
たとえば、 “ <dl><dt></dt><dd></dd></dl> ” とかのタグ。
そんなん、どう考えたってリストで表示したほうが見やすいに決まってる。クイズの回答とか英語の単語帳にするにせよ、好きなキャラクターの個別な感想にせよだ。
これはどうやら、CSS でいくら修正をはかっても、なおらない模様。
ただし、それらを全部 “ p ” に変更すると、ちゃんと表示してくれる。
あぁ～、だりっ。
まったくもって、吐きそうだ。
- January 8, 2009 12:26 AM
- [ Library.js ]
- 1
ホーム > 俺様流 ウェブ・デザイン > ゴリカテ “ Library.js:prototype 系とか jQuery ベースとかについて。今導入してる lightwindow 、lightbox 、Highslide.js 、lightview などの使用比較などなど。 ” の列挙
- RSS & Atom Feeds
- 月刊『俺様』
- 俺様の輪
-
- 今んとこ特になしっぽい
- ランキング
- ツール
-
- ブログスカウター
- track word
- Creative Commons License
-
- • 松田拓弥.オルガズム
- 総合入口 & ギャラリーブログ。
- • Love Life
- 詩とか詩とか詩とか...
- • 現在なまら進行形
- こちら、日記。
- • おれと映画
- 俺様が観てきた映画の感想やなんか。
∴ ペントハウス。
時々、ドキドキ日記。
ホーム > 俺様流 ウェブ・デザイン > ゴリカテ “ Library.js:prototype 系とか jQuery ベースとかについて。今導入してる lightwindow 、lightbox 、Highslide.js 、lightview などの使用比較などなど。 ” の列挙