実験の記録
日本語リンクのクリックでスタイルシート切替。ファイル名はスタイルシートへのリンク。上から新しい順。 デフォルトは一番新しいやつ。
左に2段 (basic5.css)
左にメニューとリンク。floatのleftとrightの使い分けがポイントのようです。
バックに画像も使ってみた。
(2005/01/30)
>> 詳しいメモはこちら <<
見出し付箋紙風 (basic1b.css)
basic1a.cssを元に改造。
h3タグの表示位置を左にずらしボーダーラインを左だけ太くして付箋紙風にしてみました。
(2005/01/09)
I.E.6.0 … FireFoxより線が太いのがよくわかる。。/ Firefox1.0 … I.E.よりシャープな印象。
>> 詳しいメモはこちら <<
list横並び (basic4.css)
上から順番に配置。MENUのリストを横並びにしてみました。(2004/12/29)
I.E.6.0 … リストの番号が表示されない。。/ Firefox1.0 … リストの番号がちゃんと表示される。
ベーシック1a (basic1a.css)
上にタイトル。左にメニュー。右にコンテンツ。floatプロパティの使い方がポイントでした。
全体をひとまとめにするタグを追加して800pxに収めることに変更。(2004/12/27)
I.E.6.0 … フツウ。/ Firefox1.0 … 真ん中によせたはずなのに。。
共通スタイルシート (base.css)
スタイルシート選択用。マウスポインタ表示とアンダーライン。すべてのスタイルで使用。
失敗の記録
Internet Exprlorerならいいんだけど。。というやつ。
ベーシック1（basic1.css)
上にタイトル。左にメニュー。右にコンテンツ。(2004/12/26)
I.E.6.0 … フツウ。/ Firefox1.0 … 見るに耐えない。
>> 詳しいメモはこちら <<
>> SnapShotはこちら <<
以下同類
ベーシック2 (basic2.css)
右にメニュー。左にコンテンツ。(2004/12/26)
ベーシック3 (basic3.css)
3段組。floatプロパティで配置。(2004/12/26)