タグ

tipsとCSSに関するko-ya-maのブックマーク (164)

  • CSS Tips:メモランダム

    ko-ya-ma
    ko-ya-ma 2006/09/01
    CSS Tips のまとめ。そのまんま。
  • サービス終了のお知らせ

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

  • チープカ - text-indentで隠す方法がFirefoxだと点線がガーって出る問題についてのメモ

    text-indentで隠す方法がFirefoxだと点線がガーって出る問題についてのメモ CSS | 16:58 | 最近CSSで組まれたサイトでtext-indentを-1000pxとか使って画面外に出して、背景画像を置くことでメニュー等を構成しているサイトをよく見るのですが、Firefoxが1.5になってからそのように書かれたメニューをクリックすると、text-indentされた方向に点線の枠がガーってなって(例:ドコモのメニューのところ)あまり見栄えがよくないものになってしまい、とても気になっていたのですが、解決方法が載ってたのでメモ。 http://www.fsiki.com/jet/css-xhtml/text-indent.html overflow:hiddenを入れればいいそうです。overflow:hiddenってあまり良いイメージないから、変なこと起こらずFirefo

  • うわさのCSSでのLightBoxを解説してみる(その1) - 最速配信研究会(@yamaz)

    ホッテントリで話題になっている SEO業者ですら感動する驚異のCSSテクニック なのですが,自分自身がピンとこなかったので自分のメモのためにさらなる詳細解説をしてみる. まずJavaScriptで同様の事を行いたい場合,onMouseOver()イベントハンドラを使ってDOMツリーを書き換えるが,CSSには:hoverという擬似クラスがあって,そのタグにマウスオーバした時のスタイルを記述しておくことで同様のことができる. [IE7,FireFoxなどの場合] オリジナルのHTML(http://www.cssplay.co.uk/menu/lightbox.html)のグリグリ動くメニュー部分のドキュメント構造は下記のとおりになっている. <div class="menu2"> (1) <ul>  (2) <li> (3) <a class="hide" href="#Portraits"

    うわさのCSSでのLightBoxを解説してみる(その1) - 最速配信研究会(@yamaz)