2014-01-31から1日間の記事一覧

サイドバーにメニューをブロックにして表示する

1.デモ 前の記事からの続きみたいなもので、今回はサイドバーにメニューを表示してみた。 前の記事→2段組の固定レイアウトを作成するCSS サイドバーに色々とリンクを貼ったりすることはあるかと思うが、それをどうやってやればいいか、イメージを掴むことが…

2段組の固定レイアウトを作成するCSS

1.デモ まずはデモ画面から。 こんな感じで、コンテンツとサイドバーがあるようなレイアウトをどうやって作るかをみていく。 2.サンプル まずはサンプルに使うHTMLから。 <html> <head> <meta charset="utf-8"> <title>二段組の固定レイアウト</title> <link rel="stylesheet" type="text/css" href="./css/sample.css"> </head> <body> <div id="container"> <div id="header"> <p>ここはヘッダーです。</p></div></div></body></html>