HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (850ﾚｽ)
上下前次1-新
9: 2023/08/24(木)11:09 ID:??? AAS
>>5
レスありがとうございます
flex調べてみます
10: 2023/08/24(木)11:10 ID:??? AAS
>>8
③のCSSの#main内でよろしいですかね
やってみます
11: 2023/08/24(木)11:33 ID:??? AAS
>>8さんのやり方でできました！
しかし制御が楽になるとのことなので、この機会にflexのことも勉強しようと思います
また何かありましたらこのスレで質問させてください
アドバイスありがとうございました
12(1): 2023/08/24(木)17:47 ID:??? AAS
疑似要素を4つ使いたい場合、タグを増やすしかない？
でもそれって明らかに論理マークアップ上で無駄なHTMLだよね
13(1): 2023/08/24(木)19:11 ID:??? AAS
それをいうなら疑似要素が4つ必要になるのはデザインに対してマークアップがおかしいです
14: 2023/08/24(木)20:20 ID:??? AAS
正論ですな
15(2): 2023/08/24(木)22:20 ID:??? AAS
>>13 例えば
見出しタイプ1
====================================
↑これが通常の見出しで一箇所だけ↓こうなる場合
☆ ★ ※星部分が回転
見出しタイプ2
★ ☆
divで親タグを増やしていくって方法以外無いでしょう？
デザインの為だけに無駄なＨＴＭＬが増えるんでしょ？
省3
16: 2023/08/24(木)22:21 ID:??? AAS
↑閉じタグ抜けてるがきにせんといて
17(1): 2023/08/24(木)22:35 ID:??? AAS
h2の飾りって意味合いだと
<h2><span></span>見出し<span></span></h2>
って形にしたくなる
18: 2023/08/25(金)00:24 ID:??? AAS
親にdiv追加じゃなくh2にborder-imageとか
19(2): 2023/08/25(金)00:48 ID:??? AAS
>>15
その例だとborderや背景でできるだろとしか言いようがないけど
重要なことを教えると
空divなどと違って装飾のための入れ子は構造的に何もおかしくない
>マークアップ上で無駄なHTMLだよね
に答えるなら「無駄じゃない」で終わり
20(2): 2023/08/25(金)01:02 ID:??? AAS
あと見出しタイプ2という呼称からの推察になるが
h2のバージョン違いなら
>>17の言うようにh2の中身を変えるかな
通常
<h2 class="head2">
<span class="head2__label">見出し</span>
</h2>
星付き
<h2 class="head2--star">
<span class="head2__label">見出し</span>
省2
21: 2023/08/25(金)07:56 ID:??? AAS
みんなCSSで背景作ればいいんです言うけど
レスポンシブ対応はどうすればいいの？
22(1): 2023/08/25(金)11:00 ID:??? AAS
どこに困るのかが分からん…
23(1): 2023/08/25(金)12:20 ID:??? AAS
background-sizeでcoverとかcontainとか色々あるだろ
24(1): 2023/08/25(金)17:48 ID:??? AAS
chromeの検証ツールで↓のページを見た時、表示端末にスマホを指定するとスワイプ操作で横スクロールできるけど、iPad系を指定するとスワイプできないできないんですがおま環ですか？
外部ﾘﾝｸ:jsfiddle.net
実機で見た時にはスマホと同じようにスワイプで横スクロールできるはずですよね？
タブレット持ってないので試せず。。
25(1): 2023/08/25(金)18:14 ID:??? AAS
>>22-23
じゃあ見出しの文頭に画像を表示するにはどうしたらいい？
Bootstrap5使ってる静的HTMLサイト
26(1): 2023/08/25(金)19:01 ID:??? AAS
>>24
スワイプでスクロールできたよ
iPadは実機でないと動作わからないことも多いので、検証用に一枚導入してもらうのが確実ね
制作環境がMacならXcodeのSimulatorが使えるんだけど、Windowsだよね？
27: 2023/08/25(金)19:05 ID:??? AAS
>>26
じゃあおま環ですね。。
多分表示サイズを75%に落としてるのが原因のようです。
28(1): 2023/08/25(金)23:29 ID:??? AAS
>>25
外部ﾘﾝｸ:jsfiddle.net
上下前次1-新書関写板覧索設栞歴
あと 822 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.012s