HTML/CSS のどんな質問にも優しく答えるｽﾚ 50

1 ：Name_Not_Found：2022/02/25(金) 16:42:48.40 ID:H+CdGnmu.net

https://mevius.5ch.net/test/read.cgi/hp/1636434627/

954 ：Name_Not_Found：2022/10/27(木) 17:11:23.58 ID:???.net

ソース見て、入力ページと確認ページがディレクトリ同じか教えて欲しいだけです
コード貼ろうとしても何のコードがNGの原因で貼れないのか分からないし
今日中に連絡したいのに

955 ：Name_Not_Found：2022/10/27(木) 17:12:16.24 ID:???.net

legendってfieldsetなしで使っていいもんなの？

956 ：Name_Not_Found：2022/10/27(木) 17:16:23.24 ID:???.net

>>946
form actionってhtmlじゃないんですか？

957 ：Name_Not_Found：2022/10/27(木) 17:20:18.94 ID:???.net

・ここは「Web制作板」のHTML/CSS質問スレで、なんでも相談スレじゃない
・そちらがいくら切羽詰まっていても他の人には「まったく」関係ない
・場をわきまえたうえでスレ主旨に沿った質問をし、得られた回答を皆に還元するのが質問スレの存在理由

958 ：Name_Not_Found：2022/10/27(木) 18:15:28.90 ID:DC1jjxXR.net

ホンモノで草

959 ：Name_Not_Found：2022/10/27(木) 19:27:07.57 ID:???.net

form actionとか書いてるのに、何故あんなスクショで答えが得られると思ったのか謎

しかし、スマホから質問してくる奴は質問が雑過ぎて困る
スレチは論外だが

960 ：Name_Not_Found：2022/10/27(木) 20:46:20.06 ID:???.net

>>959
フォームに関係有りそうなコードの場所スクショしたつもりなのですが、
もっと上は会社名とかバレるので貼りませんでした。
コード貼ろうとjavaの怪しい部分にスペース入れたり頑張ってみたんですが、NGワールド引っかかって…
フォームメーラーは
https://business.form-mailer.jpってとこ使ってるみたいですが、ググッてもどこのレンタルフォームなのか出てこないんですよね、、

961 ：Name_Not_Found：2022/10/27(木) 21:09:53.28 ID:???.net

ここまで言われても自分がスレチだと理解しないところを見るに
登録会社が付き合いきれなくてブロックしたのかもしれんな…

962 ：Name_Not_Found：2022/10/27(木) 23:29:51.31 ID:???.net

javascriptをjavaと略すやつは滅びて欲しい(´･ω･`)

963 ：Name_Not_Found：2022/10/28(金) 08:58:45.06 ID:???.net

>>962
まったく同意する
意味が通じない省略はヤメロ

パス、パスいっているから、どのpathなんだろうと思ったら、パスワードだったことがある
パスワードくらい短いワードなら略すなよ

964 ：Name_Not_Found：2022/10/28(金) 09:03:20.90 ID:G3Y6xNBj.net

イチゴとイチゴジュースくらい意味変わって来るよな

965 ：Name_Not_Found：2022/10/28(金) 12:44:40.42 ID:+LP0D1KO.net

HTML/CSSの枠から外れた質問になるかもで申し訳ないんだが、Gartic phoneみたいなwebゲームを作ろうと思ったらどの言語に手をつければいいんだ？
フロントエンド用にHTMLとかを覚えるのは必須として、バックエンドで動かす用の言語をまた別個で覚えないといけない感じ？

966 ：Name_Not_Found：2022/10/28(金) 16:06:31.13 ID:???.net

>>950
最後の方見ると、次の画面は確認みたいだから
確認まででページ閉じちゃったとかじゃないの

967 ：Name_Not_Found：2022/10/28(金) 17:53:50.76 ID:???.net

>>965
どんなものでも勉強して損はない
そして勉強するのに遅すぎるということはない

968 ：Name_Not_Found：2022/10/29(土) 01:35:29.50 ID:rLG6Jdtj.net

pre,codeタグを実装したのですがウィンドウサイズを変更しても最初の描画した幅から小さくならず困っているのですがどうしたらよいでしょうか

969 ：Name_Not_Found：2022/10/29(土) 02:19:31.63 ID:???.net

その動作が再現できる最低限のコードを書いてくれなきゃ何とも言えない

970 ：Name_Not_Found：2022/10/29(土) 02:32:56.56 ID:rLG6Jdtj.net

HTML
<pre><code class="language-cs">
コードの中身
</code></pre>
CSS
pre{
overflow:auto;
width:100%;
}
code{
width:100%;
}

こんなかんじです。

971 ：Name_Not_Found：2022/10/29(土) 12:41:22.25 ID:???.net

>>970
codeに
white-space:normal ;
追加でどうすか

972 ：Name_Not_Found：2022/10/29(土) 12:41:55.21 ID:???.net

>>970
再現できてる？
https://jsfiddle.net/to8hvq03/

973 ：Name_Not_Found：2022/10/29(土) 12:48:32.89 ID:???.net

> ウィンドウサイズを変更しても最初の描画した幅から小さくならず

どういうこと？
ちょっと何言ってるか分からない

974 ：Name_Not_Found：2022/10/29(土) 13:04:19.24 ID:8Q5qVqs2.net

昨日から色々やってみたのですが
親要素をウィンドウサイズによって幅の変更をしたいため100%にしてます
その中でpre,codeをwidth:100%ってやると子要素の大きさで親要素の幅が決まってしまって結局:子要素の幅=子要素の幅のようになってるみたいです

975 ：Name_Not_Found：2022/10/29(土) 13:06:40.72 ID:8Q5qVqs2.net

ちなみに親要素はdivです
子要素に影響されないように親の要素(ここではウィンドウサイズ)のみ影響を受けるようにすることってできますか？

976 ：Name_Not_Found：2022/10/29(土) 13:22:57.69 ID:???.net

>>972に答えろ

977 ：Name_Not_Found：2022/10/29(土) 13:40:15.67 ID:rLG6Jdtj.net

>>976
そいつはちゃんと望む動きになってますね

978 ：Name_Not_Found：2022/10/29(土) 13:41:27.62 ID:rLG6Jdtj.net

>>971
normal追加するとウィンドウサイズの縮小によって小さくなりましたが
コードが空白行含まないのでぐちゃぐちゃになってます

979 ：Name_Not_Found：2022/10/29(土) 13:43:05.38 ID:rLG6Jdtj.net

>>972
コピペで自分の環境でやろうとするとダメですね

980 ：Name_Not_Found：2022/10/29(土) 13:49:51.45 ID:???.net

書かれてる通りにコードを書くとこうなるけど、何をしたいのかがサッパリ分からん
https://jsfiddle.net/to8hvq03/1/

> 子要素の大きさで親要素の幅が決まってしまって

違う。子要素のwidthを％指定した場合、親要素の幅によって子要素の幅が決まる。

981 ：Name_Not_Found：2022/10/29(土) 13:58:18.40 ID:rLG6Jdtj.net

>>980
そのやつだとうまく言ってるんですよね
なんでできないんだろ…

982 ：Name_Not_Found：2022/10/29(土) 14:09:41.04 ID:???.net

親要素に固定値で幅を指定している可能性

983 ：Name_Not_Found：2022/10/29(土) 14:17:34.94 ID:???.net

980踏んでたから次スレ置いとくね
必要なら保守よろしく

HTML/CSS のどんな質問にも優しく答えるｽﾚ 51
https://mevius.5ch.net/test/read.cgi/hp/1667020591/

984 ：Name_Not_Found：2022/10/29(土) 15:06:54.23 ID:rLG6Jdtj.net

ちょっと難しそうなので幅の調整は諦めます
色々提案していただきありがとうございました

985 ：Name_Not_Found：2022/10/29(土) 15:27:45.26 ID:???.net

>>983
乙〜

986 ：Name_Not_Found：2022/11/03(木) 02:43:06.26 ID:???.net

画像のように複数のテキストの下部 + テキストのラップdiv上下に
点線を配置する方法ってありますか？
https://imgur.com/f0Jo1yj

テキストはspanで囲ってbackground-imageで
ドット用の画像 or linear-gradientでドットを実装しましたが
https://imgur.com/FI5Faa6
のようにinlineのためdivの幅目一杯まで広がりません。
またテキストの最終行のドットはbackground-imageのため消せません。
（divの下部にドット画像を配置するため重複してしまいます。）

どなたか教えて頂けるとありがたいです。

987 ：Name_Not_Found：2022/11/03(木) 03:46:48.53 ID:???.net

>>986
こういうのじゃダメなの？

CSSのみでノートの罫線のようなスタイルを実装する方法【実線・点線】
ttps://web-dev.tech/front-end/css/note-design-solid-dashed-line/

988 ：Name_Not_Found：2022/11/03(木) 06:32:58.95 ID:???.net

>>986
今の時代はそういう風に画像を使って装飾よりもCSSで表現する方が主流だよ
この方が扱いやすいのでそういう方面を勉強しとくとこの先助かるよ

989 ：Name_Not_Found：2022/11/07(月) 17:12:35.85 ID:???.net

新機能勉強しときましょ～

2022年、注目しておきたいCSSの新機能のまとめ
https://coliss.com/articles/build-websites/operation/css/css-in-2022-new-features.html

990 ：Name_Not_Found：2022/11/12(土) 12:59:14.65 ID:???.net

tableタグにcssで一括でスタイルをつけていますが、
特定のTDセルだけ変更したいのですがどうしたらよいのでしょうか？
fontsizeがtest.td優先になって変わりませんでした。

table.test td {
text-align: center;
font-size:10px;
}
.maguro {
border-right: 3px solid #00FF00;
background-color: #00FF00;
font-size: 20px;
}

<table class="test">
<tr><td>要素１</td></tr>
<tr><td>要素２</td></tr>
<tr><td class="maguro">要素３</td></tr>
<tr><td>要素４</td></tr>
</table>

991 ：Name_Not_Found：2022/11/12(土) 13:27:03.20 ID:???.net

table.test td.maguro
で上書きはできる
css 詳細度で検索

こういうキモいセレクターで上書きしなきゃいけなくなったということは元の
table.test tdが設計としておかしいということ
記述としてはおかしくないので動作するが、人間が更新するものとしての設計が破綻している
よほどのことが無い限りタグそのものにcssをあてないほうがよい
table.testは.testでよい
.testがtable以外についたらまずいなら命名がおかしい

992 ：Name_Not_Found：2022/11/12(土) 13:52:34.43 ID:???.net

お答えいただきありがとうございます！！
上書きできました！　助かりました。

PHPで動的に生成されるテーブルで
セルの内容が都度変更になりまして、
例えば100点以上とあれば赤にするなどにしたかったのです。
最終的にTCPDFでHTMLテーブルをPDFにします。

奇数列や偶数列などでは判別できなく、
直接class指定しかないかなと思ったのですが、
他にどのような方法をとるものでしょうか？

993 ：Name_Not_Found：2022/11/12(土) 14:01:26.98 ID:???.net

php側でセルの内容に合わせてclass付与する

994 ：Name_Not_Found：2022/11/12(土) 14:02:36.65 ID:???.net

cssには現状テキストエレメントの内容を判断する方法はない
data属性とかならセレクタにできる

995 ：Name_Not_Found：2022/11/12(土) 14:48:58.87 ID:???.net

みなさん、ありがとうございます！！

996 ：Name_Not_Found：2022/11/14(月) 23:57:24.10 ID:???.net

いえいえ

997 ：Name_Not_Found：2022/11/16(水) 06:56:51.77 ID:NiPf6ivp.net

そろそろ新スレを建てたほうがいいのではないでしょうか。

998 ：Name_Not_Found：2022/11/16(水) 06:59:18.12 ID:???.net

>>983
もうあったみたいですね。
そろそろ最後なので981をageます。

999 ：Name_Not_Found：2022/11/22(火) 15:22:02.11 ID:???.net

うめうめ

1000 ：Name_Not_Found：2022/11/25(金) 13:36:51.06 ID:???.net

埋め

1001 ：Name_Not_Found：2022/11/25(金) 13:44:21.84 ID:???.net

質問いいですか

1002 ：Name_Not_Found：2022/11/25(金) 16:39:50.67 ID:???.net

HTML/CSS のどんな質問にも優しく答えるｽﾚ 51
https://mevius.5ch.net/test/read.cgi/hp/1667020591/

1003 ：2ch.net投稿限界：Over 1000 Thread

2ch.netからのレス数が1000に到達しました。