[過去ﾛｸﾞ]
HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (1002ﾚｽ)
HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 http://mevius.5ch.net/test/read.cgi/hp/1692784333/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
126: Name_Not_Found [sage] 2023/09/10(日) 05:50:08.75 ID:??? >>124 PC時は 左に画像、右に見出しとリード SP時は 上から 見出し、画像、リード これのためだけにgrid使ってる http://mevius.5ch.net/test/read.cgi/hp/1692784333/126
127: Name_Not_Found [] 2023/09/12(火) 13:16:44.22 ID:ZyApT9EM チェックボックスを用いてフィルタリングが出来るフォームを作ろうとしています。 □全部 □円形 □四角形 □青色 □緑色 とチェックボックスが並んでおり、その下には 丸くて青色・四角くて青色・丸くて緑色・四角くて緑色 ・・・のオブジェクトが並んでいて、チェックボックスにチェックを入れる事で該当のオブジェクト以外がhiddenになるようなイメージです。 実装自体は出来そうなのですが、挙動をどうするかで悩んでおりアドバイスを頂きたいです。 例えば「円形」「四角形」 の両方にチェックを入れた時、挙動としては （１）円形かつ四角形のオブジェクトを可視化 （２）円形のオブジェクトと四角形のオブジェクト、および円形かつ四角形のオブジェクトを可視化 のいずれが適切というか、ユーザから見て自然でしょうか。 （上の例では円形と四角形しか無いですが、実際には両方をあわせ持つオブジェクトもあるものと想定して頂きたいです） http://mevius.5ch.net/test/read.cgi/hp/1692784333/127
128: Name_Not_Found [sage] 2023/09/12(火) 14:47:08.43 ID:??? 自分は2 http://mevius.5ch.net/test/read.cgi/hp/1692784333/128
129: Name_Not_Found [sage] 2023/09/12(火) 14:52:45.66 ID:??? 個人的には2だが逆の人いるんだよな orかandかのラジオボタンも作っちゃえば http://mevius.5ch.net/test/read.cgi/hp/1692784333/129
130: Name_Not_Found [sage] 2023/09/12(火) 17:22:16.78 ID:??? >>127 俺も 2 http://mevius.5ch.net/test/read.cgi/hp/1692784333/130
131: Name_Not_Found [sage] 2023/09/12(火) 19:02:35.63 ID:??? 自分は1 hiddenにしていくなら1が自然だと思う 絞り込み検索って書いておいてくれるとなお嬉しい感じ 2の挙動は初期状態が表示件数ゼロで項目を足していく時に使うのが自然に感じる http://mevius.5ch.net/test/read.cgi/hp/1692784333/131
132: Name_Not_Found [] 2023/09/14(木) 13:06:02.38 ID:aPP30ZSe tableの作り方で質問です。 こんなテーブルを作ろうと思っています。 a: colspan=2 b: colspan=2 c: colspan=4 d: 指定不要 e: colspan=2 f: 指定不要 とすればよいと思うのですが、 テーブル全体の幅やeとfの中身のテキスト量にかかわらず eとfの幅が均等な状態を維持したいです。 その場合、どのように設定すればよいでしょうか。 必要な情報かわからないですが以下補足です。 aとdのwidthは固定、 bはテーブル全体の幅からaの幅を引いた幅 cは未固定（テーブル全体の幅） eとfはテーブル全体の幅からdの幅を引いた幅を2分した大きさとなるようにしたいです。 sssp://o.5ch.net/21xso.png http://mevius.5ch.net/test/read.cgi/hp/1692784333/132
133: Name_Not_Found [sage] 2023/09/14(木) 13:48:54.86 ID:??? dが固定ならefはcalc使えばよさそうだけど tableだとダメとかあるんかな http://mevius.5ch.net/test/read.cgi/hp/1692784333/133
134: Name_Not_Found [sage] 2023/09/14(木) 14:04:55.94 ID:??? >>132 <col>を用意してそれにwidthを指定したらよいのでは http://mevius.5ch.net/test/read.cgi/hp/1692784333/134
135: 132 [sage] 2023/09/14(木) 15:05:02.01 ID:??? colタグの存在を初めて知りました。 calcを用いた指定と合わせて試してみたのですが、やり方や考え方が間違っているんでしょうか… https://codepen.io/Nickey-the-looper/pen/MWZoPJv http://mevius.5ch.net/test/read.cgi/hp/1692784333/135
136: Name_Not_Found [sage] 2023/09/14(木) 16:40:54.34 ID:??? grid使うとか他にもっと良い方法があるのかもしれないけど、とりあえずtable使うということで ・tableの最上段にダミーでtr1行追加 ・更にbと同一幅のセルを左から4番目に追加 ・最上段だけvisibility: collapse;で不可視化（hiddenだとレイアウトからも除去されるので） ってのはどうでしょう？ https://jsfiddle.net/dumov8ng/ http://mevius.5ch.net/test/read.cgi/hp/1692784333/136
137: Name_Not_Found [sage] 2023/09/15(金) 01:14:20.28 ID:??? Bootstrap で出来ないの？ http://mevius.5ch.net/test/read.cgi/hp/1692784333/137
138: Name_Not_Found [] 2023/09/15(金) 04:02:19.83 ID:9yhdlK5+ 列数を増やしてしまえ http://mevius.5ch.net/test/read.cgi/hp/1692784333/138
139: Name_Not_Found [sage] 2023/09/15(金) 04:07:26.56 ID:??? あとは行にtable追加するとか 昔はよくやってたけど今はもっと便利な方法があるのかな http://mevius.5ch.net/test/read.cgi/hp/1692784333/139
140: Name_Not_Found [sage] 2023/09/15(金) 04:58:56.21 ID:??? みんな>>132の説明でどんなテーブルかわかるん？ 俺全然わかんねえや… http://mevius.5ch.net/test/read.cgi/hp/1692784333/140
141: Name_Not_Found [sage] 2023/09/15(金) 08:31:34.98 ID:??? 一番下のお絵かきの画像 http://mevius.5ch.net/test/read.cgi/hp/1692784333/141
142: 132 [sage] 2023/09/15(金) 16:21:00.96 ID:??? >>136さんと138さんの方法で出来ました！ 大変助かりました、ありがとうのざいます。 gridはよくわからなかったので勉強してみます。 >>137 まさにbootstrap使ってるんですが、gridレイアウトを使ったらどうかということでしたかね？ http://mevius.5ch.net/test/read.cgi/hp/1692784333/142
143: Name_Not_Found [sage] 2023/09/15(金) 16:24:10.05 ID:??? なぜgridはflexに負けたのですか？ http://mevius.5ch.net/test/read.cgi/hp/1692784333/143
144: Name_Not_Found [sage] 2023/09/15(金) 17:02:01.69 ID:??? >>141 あー、分かる人にはなんか表示されてるのか 納得 http://mevius.5ch.net/test/read.cgi/hp/1692784333/144
145: Name_Not_Found [sage] 2023/09/15(金) 17:06:03.89 ID:??? >>143 別に勝ち負けないじゃん？ flexの出始めと一緒で、使えるようになった人から使っていく流れっしょ http://mevius.5ch.net/test/read.cgi/hp/1692784333/145
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 857 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.009s