宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2009-12-09

Lightbox 2 と line-height

Lightbox 2.0 と Line-height
「Close X」からずれると表示されるカーソル(右)。左は正常。

新しいページにLightbox 2を組み込んだところ、ポップアップした画像を閉じる「Close X」にカーソルをオンマウスしてクリック出来ない。そのちょっと下にカーソルを移動するとクリックできる、という症状が出た。

これはCSS(スタイルシート)が原因だろうと直感、とりあえずウェブサイトのスタイルシートを切り離してみるとLightbox 2 のClose Xには正常にオンマウス&クリックが出来るようになった。

さて、つらつらと自分が書いたスタイルシートを眺めると以下の記述があった(のを忘れていた>オイオイ!)。

div,p
{
   line-height       : 1.4em;
}

…この部分をコメントアウトするとビンゴ!でした。

見栄えをCSSで制御しているとついついアレコレと書き込みたくなりますが継ぎ足しは老舗の焼鳥屋さんのタレのごとくとはいかないですね。height とか line-height とかはセレクタを特によーく考えて設定してねwwwという教訓でした。

Posted by TM* at 2009-12-09 18:03 in Web関連 » WWW | English | Permalink | 
Tagged as: ,

このカテゴリ以下の他の日記、メモなど

  1. Windowsのオープンソース化
  2. LESSとはなんぞや?
  3. 取りあえずストールマンでも
  4. Thunderbird 3 にアップデートした
  5. 自分のアドレスで送られてくる迷惑メール:その後
  6. Lightbox 2をバージョンアップした
  7. Lightbox V2.0 のバグ修正
  8. メイリオがXPで正式に利用可能に
  9. Gmailがさらに保存容量を拡大
  10. 自分のアドレスで送られてくる迷惑メール

Tags

ATH (7), css (34), delight (25), facebook (46), firefox (15), google (5), html (11), maiking-delight (10), memo (70), netscape (7), NO TRUNKS (8), SEO (8), spam (15), twitter (8), war (11), WE LIVE HERE (11), いろいろ (18), うどん (6), お知らせ (5), やきとり (6), イベント (45), イワナ (8), カゲロウ (5), カディス (9), カレー (10), カワゲラ (12), キャス練 (29), ギター (6), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (6), ジャズ (172), スナップショット (5), スパゲッティ (7), ソウル (20), ソフトウェア (21), ソロー (5), タラノメ (9), チック・コリア (7), ニジマス (7), ハンドクラフト展 (14), バイク (9), バジル (8), バンブーロッド (5), パイプ (5), パット・メセニー (7), ビル・エヴァンス (20), ピアノ (30), フライ (59), フライタイイング (18), フライライン (6), メモ (202), ヤマメ (17), ランディングネット (26), ラーメン (9), リールシート (8), ロッドメイキング (11), 人物 (41), 出来事 (12), 大雪 (5), 奥多摩 (65), 奥多摩川 (32), 小菅川 (80), 小菅川C&R (8), 小菅川冬季ニジマス釣場 (15), 山菜 (6), 新年 (16), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (30), (41), 田渕義雄 (6), 矢野シルクライン (7), (22), 読書 (55), 道志川 (6), 選挙 (6), (20), 雑感 (176), 雑誌 (7)