横並びリストを中央寄せにする方法は何パターンもあるかと思うのですが、それぞれ特徴を理解して使っていかないとっていうお話です。やり方は何パターンもあるかと思うのですが、それぞれ特徴を理解して使っていかないとっていうお話です。 1.floatを使う方法 floatを使う方法は、liをブロック要素のままfloatさせ、ulにwidthと左右のmarginにautoを指定してやります。 ブロック要素は左右のmarginを計算するためにulのwidthを指定しなければなりません。なので、幅が変化する可能性のあるリスト（テキストや数が増減する場合）には向いていません。画像のメニューで個数が固定されている場合などには使えるかもしれません。 また、liをfloatさせることでulが高さを認識できなくなるので、ulにoverflow:hidden;やclearfixなどを入れてやらないと上下のmarginが

tableタグを使えばわざわざやる必要はないのですが、たまーにワケあってdlのdtとddを横並びにすることがあるのでメモ。tableタグを使えばわざわざやる必要はないのですが、たまーにワケあってdlのdtとddを横並びにすることがあるのでメモ。 1.サンプル 2014-05-30 テキストテキストテキストテキストテキストテキストテキストテキスト 2014-05-15 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト 2014-04-30 テキストテキストテキストテキストテキストテキスト 2014-04-15 テキストテキストテキストテキストテキストテキストテキスト 2014-03-30 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト ■HTML Sample 1 2 3 4 5 6 7 8 9 10

あらかじめJSで特定のクラスがついた要素をマウスオーバーすると透過されるという設定をしておけば楽なのですが、特定の1箇所だけ違う透明度を設定したいときなんかにさくっとCSSのみで対応できるようメモ。あらかじめJSで特定のクラスがついた要素をマウスオーバーすると透過されるという設定をしておけば楽なのですが、特定の1箇所だけ違う透明度を設定したいときなんかにさくっとCSSのみで対応できるようメモ。 ■CSS Sample1 #sample1{ width: 200px; height: 200px; margin: 0 auto; background-color: #F60; } #sample1:hover{ opacity: 0.8; /* モダンブラウザ */ filter: alpha(opacity=80); /* IE 8 以下 */ -ms-filter: "