カテゴリー別アーカイブ: Web

WEBの技術に関わること

課題ドロップダウン・メニュー

 毎年冬は仕事が忙しく、現在も紙媒体、WEBともに色々作業を進めています。さて、Webのお仕事で解決しなくてはならない問題が出てきました。典型的なリストを使った横並びのナビゲーションに、ドロップダウン・メニューを追加したのですが、子要素の li にマウスが移ると、親ボタンからフォーカスが外れて、hoverの指定が効かなくなります。理由があって親のナビゲーションのロールオーバーはJavaScriptで制御し、子要素は普通にCSSでデザインしているので、ためにし全部CSSのみでやってみたのですが、やっぱり親のリスト部分はhoverした状態ではなく、hoverがはずれた普通の指定に戻ってします。  ネットも検索したのですが、いまいちそれらしい記述があるページを発見できませんでした。私と同じように、親ボタンが元の状態に戻るものは何個か発見したんですけどね…。文字だけだと説明が難しいので、問題が解決した時に改めて画像入りで記事を書きたいと思います。

カテゴリー: Web | コメントをどうぞ

CSS:垂直方向のマージンがよく分からない その2

 前回の話のつづき…同じようなレイアウトで、画像をディバイダーとして使いました。  ディバイダーとして使用している画像に”divider”というクラス名をつけて、cssで以下のように指定すると、Firefox、IE8、Safariでは上記の赤い線のように、上下のアキが均等になります。

カテゴリー: CSS | タグ: , , | コメントをどうぞ

CSS:垂直方向のマージンがよく分からない その1

 最近やったhtmlの仕事で、結構頭を悩ませた件について書いてみます。  このようにタイトルがあって、写真が入り、右側には写真の人物の情報、フロートをクリアして「See all message fromホニャララ」があるわけです。赤字部分(ホントは赤字じゃないけど、分かりやすくするため)の上下のアキを均等にしたいのですね。写真から罫線までのコードはこんな感じにしました…

カテゴリー: CSS | タグ: , , , , | コメントをどうぞ

結局style.cssに追加

 はぁ〜、今週は非常に忙しかった。なんだか時間に追われております。まぁ来週までの忙しさだと思いますが…。とりあえず週末は出勤決定。  さて、WPMLが1.4.0になりまして、自動アップデートしたらサイドバーにある「言語セレクター」が元の色に戻ってしまいました(トホホ)…。なので、前回のWPMLの記事で書いたように、cssのデザイン設定をテーマの方のstyle.cssに貼り付けました。今のところ不具合はありません。  やはりテーマのcssで一括管理したほうがラクですよね!

カテゴリー: Wordpress | タグ: , , | コメントをどうぞ

WPML-言語セレクターの色を変える

 多言語コンテンツ・マネージメント・プラグイン【WPML】をインストールした記事を以前アップしました。なかなか使い勝手も良く気に入っています。  しかし、サイドバーに追加される「言語セレクター(Language Selector)」の色が気にくわな〜い!なんてったって、デフォルトがコバルトブルー?!こんな感じ…

カテゴリー: Wordpress | タグ: , , | コメントをどうぞ