タグ

DとCSSに関するwackyのブックマーク (2)

  • チープカ - はてなダイアリーのspan.sanchor問題

    はてな, CSS | 23:11 | はてなダイアリーのCSSをいじった事がある人なら誰しも一度はセクションの頭につく■を画像に変えようとすると思いますが、このspan.sanchorっていうのがなかなか曲者で、span.sanchorがaタグの内側にあるためによく画像置換で使われるようなtext-indent:-9999pxとかの技を使うとIEでリンクをクリックできないとか不具合がでてきてしまうという問題があります。僕の場合は以前からフォントサイズを小さくしてpaddingで表示するという方法を使っていたんですが、それだとOperaで正しく表示されないという問題がありましたが無視してました^^。なので結局どう頑張ってもうまくいかない部分が出てきてしまい面倒なので最近はその部分についてはいじらないようにしていました。ですが、ようやく解決方法が見つかりました。自分が見つけたわけじゃないですけ

    wacky
    wacky 2007/08/25
    はてなダイアリーで見出しの行頭文字を画像に変えるCSS。
  • 第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点:ITpro

    今回は,先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった,使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し,それをプログラミング言語であるところのJavaScriptを使って解決した,というお話です。 その問題とは,「文字の大きさ」に関するものです。 ブラウザには,文字のサイズを変更する機能が用意されています(図1)。例えばInternet Explorer(IE)なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが,「大きく」「小さく」というメニューになっており,より自由に表示サイズを変更することができます。 図1:ブラウザでは文字サイズを変更できる ちなみにOperaは

    第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点:ITpro
    wacky
    wacky 2007/01/10
    textareaの文字の大きさをIEのフォントサイズ設定に連動させるCSSハック。問題点とはてなダイアリーでの解決法。
  • 1