[過去ﾛｸﾞ] HTML/CSS のどんな質問にも優しく答えるｽﾚ 50 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
976: 2022/10/29(土)13:41 ID:rLG6Jdtj(4/7) AAS
>>969
normal追加するとウィンドウサイズの縮小によって小さくなりましたが
コードが空白行含まないのでぐちゃぐちゃになってます
977: 2022/10/29(土)13:43 ID:rLG6Jdtj(5/7) AAS
>>970
コピペで自分の環境でやろうとするとダメですね
978(1): 2022/10/29(土)13:49 ID:??? AAS
書かれてる通りにコードを書くとこうなるけど、何をしたいのかがサッパリ分からん
外部ﾘﾝｸ:jsfiddle.net
> 子要素の大きさで親要素の幅が決まってしまって
違う。子要素のwidthを％指定した場合、親要素の幅によって子要素の幅が決まる。
979: 2022/10/29(土)13:58 ID:rLG6Jdtj(6/7) AAS
>>978
そのやつだとうまく言ってるんですよね
なんでできないんだろ…
980(1): 2022/10/29(土)14:09 ID:??? AAS
親要素に固定値で幅を指定している可能性
981(2): 2022/10/29(土)14:17 ID:??? AAS
980踏んでたから次スレ置いとくね
必要なら保守よろしく
HTML/CSS のどんな質問にも優しく答えるｽﾚ 51
2chｽﾚ:hp
982: 2022/10/29(土)15:06 ID:rLG6Jdtj(7/7) AAS
ちょっと難しそうなので幅の調整は諦めます
色々提案していただきありがとうございました
983: 2022/10/29(土)15:27 ID:??? AAS
>>981
乙〜
984(2): 2022/11/03(木)02:43 ID:??? AAS
画像のように複数のテキストの下部 + テキストのラップdiv上下に
点線を配置する方法ってありますか？
外部ﾘﾝｸ:imgur.com
テキストはspanで囲ってbackground-imageで
ドット用の画像 or linear-gradientでドットを実装しましたが
外部ﾘﾝｸ:imgur.com
のようにinlineのためdivの幅目一杯まで広がりません。
またテキストの最終行のドットはbackground-imageのため消せません。
（divの下部にドット画像を配置するため重複してしまいます。）
どなたか教えて頂けるとありがたいです。
985: 2022/11/03(木)03:46 ID:??? AAS
>>984
こういうのじゃダメなの？
CSSのみでノートの罫線のようなスタイルを実装する方法【実線・点線】
外部ﾘﾝｸ:web-dev.tech
986: 2022/11/03(木)06:32 ID:??? AAS
>>984
今の時代はそういう風に画像を使って装飾よりもCSSで表現する方が主流だよ
この方が扱いやすいのでそういう方面を勉強しとくとこの先助かるよ
987: 2022/11/07(月)17:12 ID:??? AAS
新機能勉強しときましょ～
2022年、注目しておきたいCSSの新機能のまとめ
外部ﾘﾝｸ[html]:coliss.com
988: 2022/11/12(土)12:59 ID:??? AAS
tableタグにcssで一括でスタイルをつけていますが、
特定のTDセルだけ変更したいのですがどうしたらよいのでしょうか？
fontsizeがtest.td優先になって変わりませんでした。
table.test td {
text-align: center;
font-size:10px;
}
.maguro {
border-right: 3px solid #00FF00;
background-color: #00FF00;
省8
989: 2022/11/12(土)13:27 ID:??? AAS
table.test td.maguro
で上書きはできる
css 詳細度で検索
こういうキモいセレクターで上書きしなきゃいけなくなったということは元の
table.test tdが設計としておかしいということ
記述としてはおかしくないので動作するが、人間が更新するものとしての設計が破綻している
よほどのことが無い限りタグそのものにcssをあてないほうがよい
table.testは.testでよい
.testがtable以外についたらまずいなら命名がおかしい
990: 2022/11/12(土)13:52 ID:??? AAS
お答えいただきありがとうございます！！
上書きできました！ 助かりました。
PHPで動的に生成されるテーブルで
セルの内容が都度変更になりまして、
例えば100点以上とあれば赤にするなどにしたかったのです。
最終的にTCPDFでHTMLテーブルをPDFにします。
奇数列や偶数列などでは判別できなく、
直接class指定しかないかなと思ったのですが、
他にどのような方法をとるものでしょうか？
991: 2022/11/12(土)14:01 ID:??? AAS
php側でセルの内容に合わせてclass付与する
992: 2022/11/12(土)14:02 ID:??? AAS
cssには現状テキストエレメントの内容を判断する方法はない
data属性とかならセレクタにできる
993: 2022/11/12(土)14:48 ID:??? AAS
みなさん、ありがとうございます！！
994: 2022/11/14(月)23:57 ID:??? AAS
いえいえ
995: 2022/11/16(水)06:56 ID:NiPf6ivp(1) AAS
そろそろ新スレを建てたほうがいいのではないでしょうか。
上下前次1-新書関写板覧索設栞歴
あと 7 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.015s