表示テストです。

解決方法h4

以下のサイトを参考にさせていただきました。ありがとうございます。h5

余談h6

• This is a LI in a UL

1. This is a LI in a UL

This is a DT in a DL

This is a DD in a DL

This paragraph contains a bunch of phrase elements. Up first in an [A]nchor, followed by an ABBR with a title value, followed by an ACRONYM with a title value, followed by an

ADDRESS

, followed by a CITE element, followed by a CODE element, followed by a DEL element, followed by a EM element, followed by a INS element, followed by a KBD element, followed by a Q element, followed by a SAMP element, followed by a SPAN element, followed by a STRONG element, followed by a TT element, followed by a <var>VAR</var> element, all within a containing P.

ソース、引用等

This is a CAPTION in a TABLE

This is a TH in a TR in a THEAD in a TABLE	This is a TD in a TR in a THEAD in a TABLE
This is a TH in a TR in a TFOOT in a TABLE	This is a TD in a TR in a TFOOT in a TABLE
This is a TH in a TR in a TBODY in a TABLE	This is a TD in a TR in a TBODY in a TABLE

画像をリストでdisplay: inline;使い横並にし、それぞれの余白を無くす方法

コード上で改行を無くす方法や、display:table-cell;を使う方法がある。 コード上で改行を無くす方法は見た目が悪くなるし、display:table-cell;はIE6・7では対応していない様子。

解決方法　コメントアウトを挟む。

<ul>
<li><a href="#"><img src="画像のパス" width="100" height="20" alt="" /></a></li><!--
--><li><a href="#"><img src="画像のパス" width="99" height="22" alt="" /></a></li><!--
--><li><a href="#"><img src="画像のパス" width="100" height="20" alt="" /></a></li><!--
--><li><a href="#"><img src="画像のパス" width="100" height="20" alt="" /></a></li><!--
--><li><a href="#"><img src="画像のパス" width="100" height="20" alt="" /></a></li><!--
--><li><a href="#"><img src="画像のパス" width="100" height="20" alt="" /></a></li>
</ul>

これもなぁ。。

以下のサイトを参考にさせていただきました。ありがとうございます。

• display:inlineで横並びにした際に出来る余白を消す方法 | CSS Lecturehttp://www.css-lecture.com/log/css-beginner/043.html

余談。。

Dreamweaverの画像イメージスワップを使用したソースにhttp://www.dnolan.com/code/js/rollover/のrollover.jsを使うと、バッティングして動かない。読み込む順番をrollover.jsを先にするか、やり方をどちらかに統一させる。

Mac版Firefoxでthickboxを使うと、背景が暗くならない

解決方法

1. thickboxのサイトより、macFFBgHack.pngをダウンロードする。
   ThickBox 3.1
   http://jquery.com/demo/thickbox/
2. macFFBgHack.pngを任意のディレクトリに置く。
3. thickbox.cssのmacFFBgHack.pngを背景で指定している箇所（1箇所）のパスを変更する。
4. サーバーにアップする。

以下のサイトを参考にさせていただきました。
ありがとうございます。

• Mac版FirefoxでThickBoxの背景画像が表示されないトラブル | Notebook | hamagucci.com
  http://hamagucci.com/note/2009/05/11_1805/

thickboxとswfobjectを併用するとバッティングして不具合が起こる

これは絶対忘れないようにメモメモ。。

thickboxとswfobjectを併用すると、thickboxのクラスを指定しているリンクをクリックした時、画像と一緒にFlashコンテンツ部分も手前に出る形で残ってしまうというもの。

解決方法

<script type="text/javascript">
swfobject.embedSWF(
　 "preloader.swf", //swfファイルへのパス
　 "flashContents",//代替コンテンツを表示するオブジェクトのid
　 "681",//表示されるswfの幅
　 "248",//表示されるswfの高さ
　 "9.0.0",//flashPlayerのバージョン
　 "expressInstall.swf",//←★追加！
　 "null",//←★追加！
　 {"wmode":"transparent"} //←★追加！
);
</script>

私は「←★追加！」部分が足りなかったのですが、そのままコピペしてパスを変えるだけで解決しました！

以下のサイトを参考にさせていただきました。
ありがとうございます。

• swfobject.jsとJQueryのthickboxとIE8で不具合 ｜ WebScripter.jp
  http://webscripter.jp/technical-note/trouble_occurred_by_combining_thickbox_swfobject-js_and_ie8/

Firefoxにのみ適用されるCSSのハック

もしかして初めて使うかもしれない、Firefoxにも適用されるハック。

解決方法

/* Firefox hack start */
@-moz-document url-prefix() {
　　　　 セレクタ {
　　　　　　　　 プロパティ: 値;
　　　　 }
}
/* Firefox hack end */

以下のサイトを参考にさせていただきました。
ありがとうございます。

• Firefoxのバージョン別CSSハック一覧表｜web bibo
  http://www.webbibo.com/blog/htmlcss/ff_hack.html

仕事中にブログ更新するの難しいな。。
特に周りの視線が。。