HTML/CSS のどんな質問に必ず優しく答えるスレ 31
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです 類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK 分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を age にすることをおすすめします。 回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!! 終わった話を蒸し返すやつは このスレにくるな!!! 自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!! 質問側も節度あるレスで!質問前にスレ内を検索しましょう ■次スレについて 基本的にレスナンバー>>980 を取った人(立てられない場合は次の宣言者)が立てて下さい 重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980 を取った場合も) 立てられない事が予め分かっている場合は、>>980 付近の書き込みは自重しましょう ■前スレ HTML/CSS の質問に優しく答えるスレ 30 http://mevius.2ch.net/test/read.cgi/hp/1508043632/ ■関連スレ Webサイト制作初心者用質問スレ part248 http://mevius.2ch.net/test/read.cgi/hp/1494150188/ ■HTML HTML Living Standard 日本語訳 https://momdo.github.io/html/index.html ■CSS Selectors Level 4 日本語訳 https://triple-underscore.github.io/selectors4-ja.html あれ? scss推し定義マンとフレームワークマンは別の人?誰を応援すればいいの? >>374 ありがとう!気づかなかったよ じゃあもう一回書くね! 結局どこかに行って欲しいがために、 無知な頭でバトルを仕掛けてきたってわけかw それでボコボコにされてりゃ世話ないな 感謝の気持ちでもう一回! 結局どこかに行って欲しいがために、 無知な頭でバトルを仕掛けてきたってわけかw それでボコボコにされてりゃ世話ないな さらにしつこく煽ってもう一回!! 結局どこかに行って欲しいがために、 無知な頭でバトルを仕掛けてきたってわけかw それでボコボコにされてりゃ世話ないな >>374 > scss推し定義マンとフレームワークマンは別の人?誰を応援すればいいの? お前ん中で自分の都合がいいように解釈すればいいよ そうすりゃ安心感を得られるだろ? >>378 アンカー間違えたので訂正 ありがとう!気づかなかったよ じゃあもう一回書くね! 結局どこかに行って欲しいがために、 無知な頭でバトルを仕掛けてきたってわけかw それでボコボコにされてりゃ世話ないな 感謝の気持ちでもう一回! 結局どこかに行って欲しいがために、 無知な頭でバトルを仕掛けてきたってわけかw それでボコボコにされてりゃ世話ないな さらにしつこく煽ってもう一回!! 結局どこかに行って欲しいがために、 無知な頭でバトルを仕掛けてきたってわけかw それでボコボコにされてりゃ世話ないな >>376 やっと気づいたか 宿題のように反復ご苦労様。 これで間違えることはなくなりそうだね ちなみにボコボコってどこ? いつのまにか攻撃先が変わってるんだけど俺参加し始めたの古代のCSSw云々あたりなんだよね >>382 > ちなみにボコボコってどこ? IDでてないからわからんねw 少なくともbootstrapが使われていることを 知らなかったやつとか当てはまるね 同一人物か知らんけど、 classを多用する書き方があることを知らなかったやつも 俺がボコボコにしたやつの一人だろうな 俺を追い出そうとしたやつ sassやcssフレームワークの話をしてるやつは ボコボコにしたというより、俺を追い出せなくて かわいそうに感じる人だな >283>304>327 >346>350>352 >355>358>365 >>384 はい、俺が書いたのこれ タブってそうなやつ(文字直せとか)は省いた で、どれだろ? >>387 じゃあお前はbootstrapが使われてないことを知らないやつだなって ボコボコにしたやつ 兼 かわいそうな人だな。 いくら夢見ても俺が出ていくことはないよ? >>388 ん? [bootstrapが使われてないことを知らないやつ]そんなやついたか? 現実がみじめなおじさん、標準規格のHTML/CSS質問スレで初心者の質問にスレ違いで非標準のsass/scssの話をしてマウントを取るの巻 なお現実のみじめさは変わらない模様wwww 理由はお察しwwwww >>389 いたな > 更新されようが今時使ってる奴なんているの? って書いてるしな。 使ってるやつは16.7%もいる >>391 日本語読める? つ か わ れ て な い こ と を し ら な い や つ 全体の5/6なら 個人向けなら切り捨てるな 業務ならしぶしぶサポートか どうでもいい話を続けるやつほど 現場では使えない >>394 お前何の話してるの? 言っておくけどブラウザシェアの話はしてないよ >>297 は?data-の話題そのままだがお前の脳内で勝手に分岐してんだろ >>397 これか >>>167 の、HTML5違反をして、独自属性をつけるって話?の箇所 >data-hogeでなく ”data-”の有無の話だな。後は知らん ダブルコーテーション全角って気持ち悪い… "data-"無しの独自属性とか何考えてるのって思う 半角は元の書き込みとの区別とHTML的な意味から外すためだろ 何考えてるでなくその根拠の話だったぞ 終わってるのだからもういいよ >>397 分岐してるのは>>169 だが? え、見えない読めない分からない?マジ文盲ワロタwwwww >>169 の話題Bに対するレスを話題Aに対するレスと勘違いwww 日本語の読めたら勘違いしようがないレベルだがw 文盲じゃあしょうがないなwwww <div> <button>ボタン</button> <ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul> </div> この場合、divにtext-align:center とするとボタンが中央揃えになるのは良いのですが、 li内の「項目1」などの文字も中央揃えになります。 それは回避したいのですが、どうすれ良いですか? >>402 button { display:block; margin: 0 auto; } width忘れてた button { width: 100px; display:block; margin: 0 auto; } ボタンのサイズが小さくなってしまいましたとかいいだすだろ liにtext-align left >>404 トリッキーな回答しようとして時代に逆行してるいい例 いまどきピクセル指定でデザインするなんて 将来解像度が1万とか10万とかの時代がきたらどうするつもりなんだ >>405 みたいなシンプルでいいのに >>401 その169は153に対するレスじゃないよ といってもレス先(アンカー)書き間違いでもない 2chの方見ればわかる 専ブラの都合かなんかでずれてるんだよ >>406 皆さんありがとうございました。 >liにtext-align left で解決しました。 そもそも divにtext-align:center の設定が 何故olの中のliにまで影響するのでしょうか? div直下のbuttonにだけ影響すると思ったのですが。 すまん別件と勘違い >>407 は捨ててくれ ただなおさら>>398 で合ってるやん プロパティの継承で調べるといいかも text系のインラインスタイルはだいたい内側に継承される というよりスタイル変更を内側でキャンセルしなきゃいけない構造にするから悪い <div> <div class="centeringContainer"><button>ボタン</button><div> <ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul> </div> 等で適用する範囲を限定するのが自然かと あとインライン要素を同じ階層で他の要素と並べるのもあまりよくない なるべくブロック化しておくのがスタイルも適用しやすい 自動出力等でHTMLが変更できないとかでなければね 誰か>>401 を日本語に翻訳してくれ 普通に継続してるようにしか見えんのだが >>408 他にもcolorなど子孫まで影響する場合としない場合と、少し経験積まないと確かにわかりづらい 子孫まで継承させるプロパティもあるが>>402 とは逆だし使ったことない 続き >>262 ↓ >>263 ↓ >>265 ↓ >>266 ↓ >>271 ↓ >>297 dataの話?文盲wwww >>405 >ボタンのサイズが小さくなってしまいましたとかいいだすだろ すまんそこまで気が回らん勝った しかし打ち消しはしたくないので>>411 の方が良いと思う >>412 相手するな 草3つは負けを認めたようなもの どうせunkochinchinなんてアホなこと書いたのも本人だろ dataの話に一切関わってないやつに行きなりdataの話で食って掛かるとか脅迫性障害じゃん? 自分がdataレスバで熱くなって、関係ないレスまですべてdataのレスに見えてるんだろうな。 覚醒剤でもやってるんじゃないか? >>411 なるほど。 大変参考になりました。 411さんはかなりの上級者の人ですね。 ありがとうございます。 >>418 だな わざわざリンク書かなくてもツリー構造でも見てて全て見えてるってのになんかかわいそう もういいわ とりあえずdataくんの「暇じゃない」ってのは嘘だったな。 >>402 div>button{ text-align:center; } じゃダメなんだっけ? >>414-415 冗長だわ。俺がまとめといてやろう。 二人を仮にdataくんとunkoくんとする。 1. dataくんが、unkoについてのレス>>183 に対し攻撃 2. 煽りあいの後、>>271 にて、dataくんが183をdataに関するレスと勘違いしていたことが発覚 3. 183のレス先>>169 ではdataとunko2つを話題にしていた 4. dataくん、>>169 はdataに関してのみのレスだと強弁 5. dataくん、unkoの話題をしていたunkoくんにdataの話題で言いがかりをつけたことを認めず自作自演で火消し中。自称暇じゃないらしい>>265 こっちでもdataの話題してるけど、 また別の話なんだよなぁ 俺は関係してない 暇じゃないなら勘違いしてました、でごめんなさいしとけばよかったのに。 よっぽど暇かレスバトル体質なんだろうな。 暇な奴ほど暇じゃないアピールするよな。 その後の行動で自ら暇人ですとバラしていくスタイルw 昨日かおとといくらいから書きまくってる奴いるけどすげーな 一日中5chやってたのか 完全に中毒だな とりあえず自己顕示欲を満たしたいなら ブログでアフィやったほうがいいんじゃね? 荒らすなよクソが というか昨日も書いたけどid表示がないから誰がどのレスを書いたのかがさっぱり分からない そくこれで延々レスのやり取り出来るなと >>426 ボタン自体を中央寄せなのでそれは違う >>432 普段誰とも喋らないから、相手されるのが嬉しくて仕方ないんだろう 引きこもりニートか、ぼっちの中学生ってところだろうな 関わるだけ無駄だぞ 自称暇じゃない引きこもりニートぼっち中学生って凄いな >>427 4は違ってる data-なし違反根拠が論点なので、unkoでなくhogeであっても同じこと もう1人がunkoに対して反応したのでただ同意しただけだろ 勘違いはしてない >>427 =435だぞ 自作自演でスレ違いのい話続けて、スレを荒らす手法 延々続けるとその内誰か釣られて勢いが出る position:staticな要素が position:absoluteな要素を包含できないようになっている理由は何ですか? それを出来るようにした場合になにがまずかったのかが分かりません position:staticってデフォルトじゃねーの? 普通にposition:absoluteって書いた position:staticに内包されてるのと同じなんじゃねーの? 何故か包含できないと思い込んでいましたが staticにabsoluteを入れても、absoluteは指定通りに表示されますね staticの高さ計算から外れてstaticが消えてしまう場合があるので 出来ないと思い込んだのかもしれません ありがとうございました 中身無しで高さ無し、要素が消えた! この状態って初心者の鬼門だな 質問です。 <img>タグのwidthとかheightって、width=320でもwidth="320"でも動作するけど、""を使わないのは良くないと思っていいですよね? >>445 The attribute value can remain unquoted if it doesn't contain spaces or any of " ' ` = < or > . Otherwise, it has to be quoted using either single or double quotes. The value, along with the = character, can be omitted altogether if the value is the empty string. だそうな >>446 なるほど。特定の文字を含まなかったら無理に""で囲む必要はないんですね。 見た感じ気持ち悪いけど。 勉強になりました。ありがとうございました。 パース速度考えると省略できるところは省略したほうが速いのか? ブラウザの実装に詳しい人教えてくれ 省略したほうが速いよ 保守性は下がるけど、まぁ好きにすればいい >>449 今時のPCだとたいした速度差にはならないような WebStormのプラグインのLiveEditを使いたいのですがうまく作動しません。 環境はwin7でクロームにJetBrains IDE Supportも入れています。 設定のプラグインのところでもliveeditにチェック入れています。 他に何をすべきでしょうか? http://jsbin.com/yazelolulu/1/edit?html,css,output 三つのフローティング要素があり、 二つ目は隙間に入りきらず「フロート落ち」したとします 三つ目はその隙間に入るサイズだったとしても、 二つ目と同じ垂直位置になり、一つ目の横には行きません 感覚的には、一つ目のフローティング要素に横に配置されそうですが。 何故このような動作になるのでしょうか? フローティング要素が遡行できるのは直前の要素までなのでしょうか? >>443-451 保守性を考えて、常に、" " で囲む どうせ、webpack などのツールで、minify するから、 自分で対応するのは、バグを増やすだけ いらん事を考えるな きもいやつ消えた? 連休中、終日レスしてて、会社始まったらおとなしくなったようだな 見れば分かるのにあえて聞いて呼んでるのだろ ただ荒らしたいだけ >>455 そういう仕様として決められている。 三つ目が二つ目より上に来ることは決してない。 さもなければ、画面幅に依存して上に来たり下に来たりして、読む側はとまどうだろう。 >>439 の件ですが udemyのCSS / CSS3 マスターコースを観ていたら absoluteのための基準を作るために親をrelativeにすると言っていました この自分の認識も、おそらく以前見た教育系コンテンツから得たものだと思います ただstaticだと何故absoluteのための基準になれないのかが分かりませんし、 実際試してみると、staticでもabsoluteを正常に包含できている気もします どうなのでしょうか? ↓のHTMLの時、.p1と.p2のfloat:left;を維持したまま両要素を縦に並べたいのですが、 .p2にclear:both;を設定する意外に良い方法はありませんか? CSSに詳しい方、ご教授ください。 https://jsfiddle.net/3ozu1pv5/1/ >>468 >>470 レスありがとうございました。 >>466 CSSの仕様をよく読んだ?W3CでもMDNでもいいから穴が開くほどよく見てみ staticは初期値で全ての要素が初めはstaticでありabsoluteの基準にはならない absoluteはrelativeなど位置指定された親を基準にする もし位置指定された親がなければトップレベルの親つまりbody要素を基準にする >>467 その質問の仕方だと方法はない floatを維持してスペースがある限り横にならぶ >>470 のようにスペースをなくすってのは1つの方法だけど floatの意味がないからやりたいこととは違うんだろう p1, p2 を縦に並べた上で次の要素をその右におきたいならいくらでも方法はある ■ このスレッドは過去ログ倉庫に格納されています
read.cgi ver 07.5.5 2024/06/08 Walang Kapalit ★ | Donguri System Team 5ちゃんねる