忍者ブログ

slack diary

鉄道模型シミュレーター(VRM)を紹介するホームページ「CaldiaのVRM Room」の更新情報と、Caldia本人の日常ぐだぐだ日記。

メトロ風?

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

メトロ風?

AKAGI氏がカリカリとWebページを作成しているのに影響されて、久しぶりにHTMLを書いてみた。
HTML5はまだ時期尚早なのでXHTMLです。



元ネタと言うか、デザインの参考にしたのはこのサイト


また、デザイン以外に「DivDiv地獄」を克服することにも挑戦しました。

現行のページだとdivコンテナの中にdivヘッダーとdivメインが居て、divメインの中にdivテキストとdivテーブルがいて、divテーブルの中にdiv1行目からdiv3行目が居てdiv1行目の中に・・・と正直、タグの入れ子が偉いことになっていたものをどうやってクリアするかもチャレンジ。
最終的に上画像のdivは2つしか使用せずに書かれており、入れ子構造もbody以下2階層までに留めることが出来てます。(現行Indexだと4階層か5階層)

他のページとの兼ね合い(リンクとか共用CSSとか)の関係もあるので、ある程度整合性がついてから差し替えたい感じ。
PR

コメント

最新コメント

[05/30 Caldia]
[05/19 C-PON]
[10/03 vrmkyobuilding]
[05/10 Caldia]
[05/04 USO800鉄道]