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

**Name_Not_Found** · 2022/02/25(金) 16:42:48.40

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

**Name_Not_Found** · 2022/10/27(木) 17:05:20.46

新手の荒らしか
zoomerといい次々新キャラがくるな

**Name_Not_Found** · 2022/10/27(木) 17:05:51.17

やべえ……人の話聞かない系だ

**Name_Not_Found** · 2022/10/27(木) 17:08:33.56

>>950
だって会社の人には聞けないし
荒らしじゃありません

**Name_Not_Found** · 2022/10/27(木) 17:11:23.58

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

**Name_Not_Found** · 2022/10/27(木) 17:12:16.24

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

**Name_Not_Found** · 2022/10/27(木) 17:16:23.24

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

**Name_Not_Found** · 2022/10/27(木) 17:20:18.94

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

**Name_Not_Found** · 2022/10/27(木) 18:15:28.90

ホンモノで草

**Name_Not_Found** · 2022/10/27(木) 19:27:07.57

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

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

**Name_Not_Found** · 2022/10/27(木) 20:46:20.06

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

**Name_Not_Found** · 2022/10/27(木) 21:09:53.28

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

**Name_Not_Found** · 2022/10/27(木) 23:29:51.31

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

**Name_Not_Found** · 2022/10/28(金) 08:58:45.06

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

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

**Name_Not_Found** · 2022/10/28(金) 09:03:20.90

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

**Name_Not_Found** · 2022/10/28(金) 12:44:40.42

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

**Name_Not_Found** · 2022/10/28(金) 16:06:31.13

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

**Name_Not_Found** · 2022/10/28(金) 17:53:50.76

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

**Name_Not_Found** · 2022/10/29(土) 01:35:29.50

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

**Name_Not_Found** · 2022/10/29(土) 02:19:31.63

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

**Name_Not_Found** · 2022/10/29(土) 02:32:56.56

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

こんなかんじです。

**Name_Not_Found** · 2022/10/29(土) 12:41:22.25

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

**Name_Not_Found** · 2022/10/29(土) 12:41:55.21

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

**Name_Not_Found** · 2022/10/29(土) 12:48:32.89

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

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

**Name_Not_Found** · 2022/10/29(土) 13:04:19.24

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

**Name_Not_Found** · 2022/10/29(土) 13:06:40.72

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

**Name_Not_Found** · 2022/10/29(土) 13:22:57.69

>>970に答えろ

**Name_Not_Found** · 2022/10/29(土) 13:40:15.67

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

**Name_Not_Found** · 2022/10/29(土) 13:41:27.62

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

**Name_Not_Found** · 2022/10/29(土) 13:43:05.38

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

**Name_Not_Found** · 2022/10/29(土) 13:49:51.45

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

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

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

**Name_Not_Found** · 2022/10/29(土) 13:58:18.40

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

**Name_Not_Found** · 2022/10/29(土) 14:09:41.04

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

**Name_Not_Found** · 2022/10/29(土) 14:17:34.94

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

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

**Name_Not_Found** · 2022/10/29(土) 15:06:54.23

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

**Name_Not_Found** · 2022/10/29(土) 15:27:45.26

>>981
乙～

**Name_Not_Found** · 2022/11/03(木) 02:43:06.26

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

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

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

**Name_Not_Found** · 2022/11/03(木) 03:46:48.53

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

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

**Name_Not_Found** · 2022/11/03(木) 06:32:58.95

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

**Name_Not_Found** · 2022/11/07(月) 17:12:35.85

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

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

**Name_Not_Found** · 2022/11/12(土) 12:59:14.65

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>

**Name_Not_Found** · 2022/11/12(土) 13:27:03.20

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

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

**Name_Not_Found** · 2022/11/12(土) 13:52:34.43

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

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

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

**Name_Not_Found** · 2022/11/12(土) 14:01:26.98

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

**Name_Not_Found** · 2022/11/12(土) 14:02:36.65

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

**Name_Not_Found** · 2022/11/12(土) 14:48:58.87

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

**Name_Not_Found** · 2022/11/14(月) 23:57:24.10

いえいえ

**Name_Not_Found** · 2022/11/16(水) 06:56:51.77

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

**Name_Not_Found** · 2022/11/16(水) 06:59:18.12

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

**Name_Not_Found** · 2022/11/22(火) 15:22:02.11

うめうめ

**Name_Not_Found** · 2022/11/25(金) 13:36:51.06

埋め

**Name_Not_Found** · 2022/11/25(金) 13:44:21.84

質問いいですか

**Name_Not_Found** · 2022/11/25(金) 16:39:50.67

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

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 272日 23時間 57分 2秒