[過去ログ] HTML/CSS のどんな質問にも優しく答えるスレ 50 (1002レス)
上下前次1-新
このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
1(3): 2022/02/25(金)16:42 ID:H+CdGnmu(1) AAS
2chスレ:hp
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
そろそろ新スレを建てたほうがいいのではないでしょうか。
996: 2022/11/16(水)06:59 ID:??? AAS
>>981
もうあったみたいですね。
そろそろ最後なので981をageます。
997: 2022/11/22(火)15:22 ID:??? AAS
うめうめ
998: 2022/11/25(金)13:36 ID:??? AAS
埋め
999: 2022/11/25(金)13:44 ID:??? AAS
質問いいですか
1000: 2022/11/25(金)16:39 ID:??? AAS
HTML/CSS のどんな質問にも優しく答えるスレ 51
2chスレ:hp
1001(1): 1001 ID:Thread(1/2) AAS
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 272日 23時間 57分 2秒
1002(1): 1002 ID:Thread(2/2) AAS
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
省4
上下前次1-新書関写板覧索設栞歴
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 0.176s*