タグ

トラブルシューティンに関するwitch-doktorのブックマーク (4)

  • 勘違した疑似クラス first-childの使い方 – WEB-DD

    コンテンツへスキップ テンプレートファイルにclassやidを追加できないため、CSSの疑似クラスを指定したんだけど、ちゃんと効かなくて困ってた。 でもよく調べてみたら自分の認識違いだった。 「first-child」という疑似クラスについて、これは”ある要素内で最初に出現する子要素”なわけで、 「p:first-chidl」と指定したら”最初に出現するp要素”として指定できるのかと思っていた。 例えば以下のHTMLの1番目のpタグにスタイルを指定したいとき。 <div> <h1>見出し</h1> <p>文1行目</p> <p>文2行目</p> </div> で、スタイルシートを以下のように指定したけど効かなかった。 div > p:first-child {font-size:100%} これは親要素divの子要素で最初に登場するのはh1タグで、pタグはfirst-childではない

    witch-doktor
    witch-doktor 2011/12/07
    :first-childって効くときと効かないときがあるよなあ、という長年の疑問が氷解しました。
  • wordpressテーマ内sidebar.phpで条件分岐タグis_home()がきかない | terabenote.net

    wp-adminの設定>表示設定でフロントページを固定ページにして、その固定ページテンプレートのテーマファイル内でquery_posts()を使うなどして特定あるいは複数のカテゴリーを指定していると、テーマファイルheader.phpで条件分岐タグis_home()は使えても、sidebar.phpでis_home()がきかなくなるという現象が起こるようです。 これには非常に困ったのですが、こちらのページなどに解消法がありました。 フロントページ専用に指定している、テンプレート内でsidebar.phpを読み込んでいる箇所 <?php get_sidebar(); ?> の直前にwp_reset_query()を足して <?php wp_reset_query();get_sidebar(); ?> としたら解決しました。このトラブルはバグではなく、query_posts()でカテゴリを指

    witch-doktor
    witch-doktor 2011/11/07
    ここにつまってました。
  • IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte

    IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
  • WordPressでLightbox 2が動かない(画像によって部分的に) - うしねずみの技術メモ

    WordPressでLightbox 2が動かない(画像によって部分的に) 2009.07.28 wordpress lightbox, plugin, wordpress どうも、うしねずみです。 WordPressのプラグインのLightbox 2が急に動かなくなりました。バージョンは2.8.2です。原因はWordpressのリッチテキストエディタでした。リッチテキストエディタで画像を挿入したり消したりを何度かすると、画像を挿入するタグがおかしくなります。 例えばあらかじめWordpressにアップロードしておいたhogehoge.jpgをメディアライブラリから挿入すると、リッチテキストエディタ(ビジュアルタブ)の方には画像が表示されます。この状態をHTMLタブの方で見ると、画像の部分には以下のコードがあります。 <a href="画像のアドレス"><img 各種プロパティ /></a

    WordPressでLightbox 2が動かない(画像によって部分的に) - うしねずみの技術メモ
    witch-doktor
    witch-doktor 2011/08/18
    どうもこれっぽいな。有り難い。
  • 1