タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

webとレスポンシブに関するgambolのブックマーク (1)

  • 【CSS】CSSでつくるレスポンシブなテーブレイアウトサンプル集 | web屋tM

    以前、CSSを使ってレスポンシブなテーブルレイアウトをつくるメモを作りました。それからしばらくして、自分用にでもいろんなレイアウトのサンプルHTMLCSSもついでにメモっておけば、後が楽!ということに気づきました。サンプルHTMLはストックはしているけれど、それぞれバラバラになってて正直使い勝手が悪いので、まとめなおして記録しておきます。 左サイドバーのレイアウト 一つ目は左側にサイドバーを配置した標準的によくあるレイアウトです。 このレイアウトの特徴は、サイドバーからのリンク遷移がわかりやすいことが挙げられます。 コンテンツ部分よりもサイドバーのほうが先に目に入ってくるので、コンテンツへの注目が少し薄まるかもしれません。 <header>ヘッダー</header> <div class="table-row"> <div class="table-column sidebar">サイド

    【CSS】CSSでつくるレスポンシブなテーブレイアウトサンプル集 | web屋tM
  • 1