タグ

2008年4月25日のブックマーク (7件)

  • Lucky bag::blog: CSSだけでドロップダウンメニュー

    ナビゲーションのドロップダウンメニューは、JavaScript を使って実現出来ますが、スクリプトをオフにしてブラウジングしている人も居たりするんで、それを CSS だけでやってみた。今、チョロッとやってみただけなんで、微妙な感じかもしれませんが。(しかも、全然クロスブラウザじゃないし...) やり方としてはいくつかあると思うんですが、今回はサブメニューの表示・非表示をコントロールするために、疑似クラスの hover プロパティを リスト要素に使っています。なんで、hover プロパティをアンカー要素以外に適用出来ない IE なんかでは表示されないんで、あまり使えないかも:-P リストを横に並べる 元となる (X)HTML のサンプルは、当然の事ながら、ナビゲーション部分をリスト要素でマークアップしてあります。また、全ての要素の margin と padding を 0 にしています。 サ

  • CSSプルダウンメニュー for カスタマイズ ~CSSテクニック~

    elrio
    elrio 2008/04/25
  • 3/3 画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About

    画像の下に余計な空間ができないようにする方法 前のページでご紹介したとおり、「行の中での縦方向の位置」を指定するvertical-alignプロパティを使えば、画像を「ベースライン」ではなく「下端」に揃えられます。このとき、vertical-alignプロパティの値に「text-bottom」を指定した場合と、「bottom」を指定した場合とでは、下図のような違いがあります。 「フォントの高さ」よりも「行の高さ」(line-heightプロパティの値)の方が高い場合は、上図の淡い赤色で塗った領域のように、「文字のある領域」よりもさらに下に空間があります。背景色はそこまで塗られるため、背景色のあるボックスの内側にある行では、vertical-alignプロパティに値「text-bottom」ではなく「bottom」を指定しないと、無駄な空間は消えません。 画像の下に余計な空間ができないように

    3/3 画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About
    elrio
    elrio 2008/04/25
  • マウスが載ると画像が変化するリンクを作る [ホームページ作成] All About

    マウスが載ると画像が変化するリンクを作る画像リンクの上にマウスを載せたときに、リンク画像が別の画像に変化するようなリンクを作ってみましょう。今回は、JavaScriptなどのスクリプトを使わずに、スタイルシートを使って実現する方法をご紹介致します。 マウスが載ったときにリンク画像を変化させる 画像リンクの上にマウスを載せたときに、画像が変化するようなリンクを作ってみましょう。 実現方法はいろいろありますが、JavaScriptを使わずにスタイルシートで実現する方法をご紹介いたします。 下記に4つの画像リンクがあります。それぞれにマウスを載せてみて下さい。 待ち時間なしで、すぐに画像が切り替わるはずです。 ねずみリンク うさぎリンク いぬリンク カンガルーリンク ▲それぞれマウスを載せると画像が変わります。 4つの画像にマウスを載せた瞬間に、画像が切り替わります。切り替わる先の画像を読み込む

    マウスが載ると画像が変化するリンクを作る [ホームページ作成] All About
    elrio
    elrio 2008/04/25
    ●css sprite 日本語●
  • and it

    お支払いPAYMENT クレジットカード 銀行振込 後払い決済 代金引換 Apple Pay セブンイレブン(前払) ローソン郵便ATM等(前払)

  • 45 Tutoriais Photoshop para Itens de Navega��o | RuanWeb

    世界上最大的保险公司之一澳大利亚保险集团(IAG)已经模拟了一次数据泄露或勒索软件攻击可能会对受害者公司业务造成的财务成,其目的是为了了解需要拟议多少信息安全投资才能弥补其损失。 IAG公司网络安全和管理负责人 Ian Cameron在悉尼举办的IBM Think 2018大会上表示,“风险价值建模”项目呼吁公司的保险精算师为不同类型和级别的安全威胁标注明确的风险价值。 Cameron表示,“因为我们是一家保险公司,我们可以使用精算方法对损失事件的成进行定价或建模。我们已经在过去12个月中,模拟了重大数据泄露和勒索软件攻击事件会对企业生产力方面带来的净损失成、重新树立客户信任感的广告成,以及法律费用和监管成等。我们目前已经能够计算出不同类型和等级的损失成分布(从小事件到重大事件)。” 去年,受到Petya恶意软件影响的组织,都已经报告了自己因为这次恶意软件感染活动而遭受的不同程

    elrio
    elrio 2008/04/25
    ●menu button
  • http://www.tyssendesign.com.au/examples/IR-navbar.html

    elrio
    elrio 2008/04/25
     sprite +@ !!