忍者ブログ
鉄道模型シミュレーター(VRM)を紹介するホームページ「CaldiaのVRM Room」の更新情報と、Caldia本人の日常ぐだぐだ日記。
[381] [380] [379] [378] [377] [376] [375] [374] [373] [372] [371]
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

コメント


コメントフォーム
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字


トラックバック
この記事にトラックバックする:


忍者ブログ [PR]
ブログ内検索
最新コメント
[03/02 Caldia]
[03/02 USO800鉄道]
[03/02 AKAGI]
[11/17 NONAME]
[10/22 Caldia]