ゆちの備忘録

忘れないように。色々メモ。

CSS

CSS-Tableのヘッダ・フッタ・列の固定(縦横スクロールも)

やりたかったのは、縦・横スクロール付きのヘッダ固定テーブル。(ヘッダ1行・ヘッダ複数行、列固定は無し)で、 こちらの記事がとても参考になったのでメモ。css3とjavascriptによるヘッダ固定/フッタ固定/列固定テーブルの実装→CSSとjavascript(jQuery)…

JS/HTML/CSS−ホームページでソースコードを記述:SyntaxHighlighter

SyntaxHighlighter ホームページでソースコードを記述するのに便利

CSS−IEでのmin-height、min-width

CSS

IEでの min-height や min-width のメモ■min-height .box1 { min-height:100px; height: auto !important; height: 100px; } ■min-width .box2 { min-width:100px; width: auto !important; width: 100px; } とすると良いみたい。まだテストしてないけど…※参…

CSS−Tableのヘッダ固定

tableのヘッダ固定については、今までexpressionを使った方法で指定していたんですが IE8(標準モード)からは対応してないようなので、他の方法を試してみた結果、 こちらで紹介されていたやり方が一番しっくりきたのでメモ。 ヘッダ固定テーブルの最良解 …

CSS-IEでmax-widthみたいなこと

CSS

最大表示サイズを指定するのに、CSSで max-width:**px; max-height:**px; と指定しますが、IEでは効きません。トホホ。(FirefoxとChromeは○) でもやりたいよ!ってことで調べてみました。※画像のwidthが500px以上なら、表示サイズは500px。 そうでない時は、…

Webカラーガイド

カラーコードを知りたい時に。 WEB色見本 原色大辞典color nameと 16進数表記。見易いのでお気に入りです。

CSS-覚えとくと便利な技

CSS

リスト(liタグ)を横並びにする[インライン要素にする] li{ display:inline; } [float]にする .listbox{ /*ul*/ } .listbox li{ float:left; } /*リスト以降はfloatしないようにする*/ .listbox:after{ height:0; visibility:hidden; content:"."; displa…

W3C CSS/HTML検証サービス

今エディタとして使っているAptana Studio(2.0.4)には、htmlやcssのエラーチェック機能があります。 …が。なぜかcssエラーチェック機能は仕事をしてくれないので(泣) オンラインでチェックしてくれるサービスを利用中です。 W3C CSS 検証サービス ・URL…