Internet Explorer(IE)
HP制作

【CSS】floatしたリスト(li要素)をIEで表示すると崩れてしまう場合の解決方法

CSSでリスト(li要素)をfloatした際、InternetExplorerで表示すると階段状に崩れてしまう時があります。その場合の原因と解決方法について…

Internet Explorer(IE)
HP制作

たった1行で「IEの互換表示」を強制的に標準モードにする方法

先日、クライアントから「IE10でボタンが見えないパソコンがある」と問い合わせがありました。画像を背景で置換していたのでcss絡みかと思ったのですが、調べてみた…

HP制作

【HTML5】Dreamweaverのテンプレートを適用すると文字化けする時の解決方法

DreamweaverCS5(CS4)のテンプレート機能を使ってHTML5でコーディングをすると、適用した際にページが文字化けする問題が起きます。その場合の…

HP制作

「読み方のわからないHTMLタグとCSSプロパティ」ベスト5!正しい読み方は?

webには様々なHTMLタグやCSSプロパティがあります。ネットで調べれば使い方はすぐにわかりますが、読み方の書いてあるサイトは意外とありません。そのため「こ…

HP制作

【CSS】テキストや画像のオンマウスでポップアップメッセージを表示するサンプルコード

テキストにマウスカーソルが合わさるとポップアップメッセージが出てくるCSSのサンプルコードを紹介します。jQueryなどスクリプトは一切使わず、HTMLとCS…

HP制作

【テンプレート】Webサイト制作で必ず使うディレクトリ名・ファイル名の一覧まとめ

Webサイトを制作する際、ディレクトリ名(フォルダ名)・ファイル名を付ける作業は必ず発生します。ファイル名は半角英数字が基本なので、英語をネットで調べる方も多い…

HP制作

IE6~8でCSS3を利用可能にするライブラリ「Selectivizr.js」使い方と注意点

CSS3は便利ですが、IE6~8ではほとんど対応していないのが困りモノ。IE9以上でそれなりに使えるようになるレベルです。IE6はもう切っていいと思いますが、…

HP制作

【CSS】floatさせた画像の下にテキストを回り込ませない方法(サンプルコードあり)

floatを使ってテキストと画像を配置することはコーディングでよく使う記述だと思います。ただ、普通にfloatしただけだとテキストが画像よりも長くなった場合、…

Wordpress

【CSS】ブログのサイドバーのテキストにカテゴリーアイコンを表示する方法

少し前にブログのサイドバーにカテゴリーアイコンを付けました。最初、カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン「Category…

パソコン

Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法

Webデザイナー・コーダーは、ブラウザごとの表示の違いに悩まされることが多いですよね。今回はFirefoxで見ると上の画像と下の画像の間にすき間が出来てしまう…