Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。 省略したり、プルダウンを利用したりなどいろいろな ...

tableの幅を均等に指定する方法を解説。HTMLのtable要素で作成した表の列幅は、CSSのtable-layoutプロパティで均等に指定できます。ウインドウいっぱいに均等配分することも、一部の幅を固定した上で残りを可変長にして均等配分することも可能。標準では各 ...

table要素で作られたテーブルレイアウトなウェブページを、CSSだけでレスポンシブ化する簡単な方法を解説。表のセルを作るtd要素に対してdisplayプロパティを使えば、HTMLソース上では表組みのまま、各セルを分離して再配置できます。画面サイズに応じて表 ...

テーブルのヘッダを上部に固定するのは、position: sticky;で簡単に実装できます。ヘッダだけでなく、テーブルの左端のセルも固定させたい場合は、どう実装すればよいでしょうか？ JavaScriptがないと実装できないように思うかもしれませんが、position: sticky;を ...

基本的にスマホとか、PCとかscrollさせる系の内容があんまり好きではなくて、 サイト構築時にCSSの制御でtableをscrollさせないように設定してます。 チョットした内容でスクロール行っちゃうのムカつくし。 でもたまぁぁぁぁぁぁぁに、ほんとたまに、 scroll ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

ブログやウェブサイトで表（テーブル）を作成する際、CSSの知識が必要で苦労した経験はありませんか？ 今回は、「Table Maker」をご紹介します。CSSの知識がなくても、簡単にテーブルを作成できる便利なツールです。 「Table Maker」とは？ 「Table Maker」は ...