技術ブログ
投稿日：
tableのcssに関して。
https://github.com/umanari145/css
幅を決めるのでも%表記をしたいときはauto、数値固定で行きたいときはfixed。
詳しくはリンクのtable.htmlを参考に。
思いついたことのメモなど。
ヘッダー固定してスクロールするタイプに関して。一番簡単なのは下記リンク。
解像度が小さかったり、ブラウザを縮小した時にテーブルが自動で縮むタイプだったので、(CSSフレームワークを使っていたから？)ヘッダーとデータの罫線がずれて大変だったんですが、崩れていない時の幅を取得し、その幅を
|
1 2 3 |
thead,tbody{ min-width: } |
と設定することで解決。一般のwidthなどではth,tdも含めてコントロールが効きませんでした・・
一般的にはjQueryでやるのがいいのかも・・・
執筆者：matsumoto
関連記事
HTML5は標準でinputタグのバリデーション機能がついており、必須チェックや簡単なエラーチェックなどをすることが出来たりします。 必須入力のほかにも、telやemail、時間など様々なタイプのもの …
自分のPCでは大丈夫なんだけど、別PCで見るとカラム落ちするケースがあり、ちょっと対策を。 もちろん幅調節とかそういうのはなし。 Contents1 flex-wrap:nowrap2 display …
Bootstrapでのラジオボタンの装飾について(toggle)
ラジオボタンのようなn択式のチェックに関して、HTMLディフォルトのごついやつではなく、下記のようにボタンがへこんだものを実装したい場合の処理についてメモします。 下記のようなボタンの状態をtoggl …
BrowserSyncを使ったブラウザのホットリロードに関して。 ホットリロードとは「エディタなどで更新があった際にブラウザがすぐに検知して、最新の状態に自動更新してくれる」状態にブラウザをすることで …
本日はグリッドレイアウトについて。 このサイトだけ見ても多分、デザインのイメージはわかないと思います(汗) サイトが具体的にどうなっているかを知りたい方は「プロとして恥ずかしくない 新・CSSデザイン …
2024/04/11
2024/03/24
2024/02/05
2024/01/20
2023/12/31