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

このスレへの固定リンク： http://5chb.net/r/hp/1577720324/
ヒント：5chスレのurlに http://xxxx.5chb.net/xxxx のようにbを入れるだけでここでスレ保存、閲覧できます。

1Name_Not_Found2019/12/31(火) 00:38:44.23ID:???

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつはこのスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！

質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前ス
HTML/CSS のどんな質問にも優しく答えるｽﾚ 41
http://2chb.net/r/hp/1568126622/l50

■関連スレ
Webサイト制作初心者用質問スレ part251
http://2chb.net/r/hp/1564414228/

■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html

2Name_Not_Found2019/12/31(火) 01:13:38.83ID:???

それにしてもHTML&CSS楽しいな

3Name_Not_Found2019/12/31(火) 01:37:27.52ID:???

>>1
乙

4Name_Not_Found2019/12/31(火) 12:33:59.34ID:WWkN9tjt

>>1乙　良いお年を

5Name_Not_Found2019/12/31(火) 13:04:33.94ID:/MtNbk5X

>>1
祝ってやる！

6Name_Not_Found2019/12/31(火) 19:24:03.18ID:Xx0zea8K

後一歩なんですがわかりません
コードはほぼ見直したんですが何故か画面が真っ黒なんです
スクリプトを外部から取り込んでるんですがこれが原因なのでしょうか？

7Name_Not_Found2020/01/01(水) 10:08:55.90ID:CkudzPs3

>>6
まずはお餅をよーく見つめて

8Name_Not_Found2020/01/01(水) 16:42:57.34ID:tRr5z5mA

https://vintagedope.me/aizomekyouko.html

画面が黒く表示される原因がわかりません

9Name_Not_Found2020/01/01(水) 23:51:17.72ID:???

アダルト違法サイトか

10Name_Not_Found2020/01/02(木) 08:41:48.41ID:???

IE11でwidth: min-contentの挙動を表現させるうまい方法なんかない？

11Name_Not_Found2020/01/02(木) 08:58:11.33ID:cYuyXf5l

document.getElementById( XXXX ).style
について質問です。

画像を読み込んで表示し、
javascriptでcss編集して表示位置を任意に変更しようとしていました。

その際、
.left は「　～style.left = 数値 + "px";　」で動かせたのですが、
.top は「　～style.top = 数値 + "px";　」では反応しませんでした( top の値が空白になる)

他に追加で
「　～style.left = 数値;　」
「　～style.left = "数値";　」
「　～style.left = "数値px";　」
の３通りを試して、「　～style.left = "数値px";　」のみ値が入り動いたのですが、どういう事でしょうか。

・数値 + "px" と "数値px" は厳密には違うものとされるのでしょうか
・left はよくて、なぜ top がダメなのかも知りたいです
・見落としあったらご教授下さい

12Name_Not_Found2020/01/02(木) 09:23:46.27ID:???

スイヤセェン… 自己解決しやしたぁ…

13秀丸使いのこどおじ2020/01/02(木) 13:53:58.56ID:???

containerクラスのmarginの左右はautoに出来るのに
上下のmarginはautoに出来ないのはなぜ？ｗｈｙ
アホすぎるこどおじに教えてください

14Name_Not_Found2020/01/02(木) 14:45:01.37ID:???

"親コンテナにmin-heightのみで高さを与え、その子要素でheight:100%としても高さを取得できない"
これはどのブラウザでも同じ挙動になるからこの仕様で正しいんだと思う。

そこでflexレイアウト。
"flexコンテナにmin-heightのみで高さを与えてalign-items:centerするとIEだけ高さを認識しない"
ってのは有名なバグだが、これは認識するのが正しいのか、しないのが正しいのか。
flexコンテナに対するmin-heightの仕様がはっきりしないんだが、何処かに詳細ないかね？

15Name_Not_Found2020/01/02(木) 16:53:41.67ID:uhNPHrbE

$fuschia: #ff0081;
$button-bg: $fuschia;
$button-text-color: #fff;
$baby-blue: #f8faff;

すいませんこれの意味わかりますでしょうか?　
https://codepen.io/sadsfff/pen/xxbdpvm

cssの構文ミスで実装できません

16Name_Not_Found2020/01/02(木) 18:13:03.16ID:???

そのSCSS を、SassMeister のサイトに入力したけど、エラーは無さそう

https://www.sassmeister.com/

17Name_Not_Found2020/01/02(木) 19:35:21.40ID:???

ブラウザはscssをそのままでは理解できません、何らかのツールで普通のcssに変換する必要があります
scssをcssと言ってサンプル載せてるような糞サイトが多い弊害かな？

18Name_Not_Found2020/01/02(木) 22:48:40.76ID:???

SCSSそのまま載せてるとこは、いまどきSCSSわからないやつは完全無視決めてるだけだと思うが
俺もそれでいいと思うよ

19Name_Not_Found2020/01/03(金) 01:23:45.23ID:???

弊害もなにもscss自体素人お断りな言語なんだから
変換すること前提すら知らない奴ははなから相手ではないというだけでは

20Name_Not_Found2020/01/03(金) 06:51:12.57ID:???

scssをcssと言ってサンプル載せてるような糞サイト
なんて一つも見たことがない

21Name_Not_Found2020/01/03(金) 15:56:50.21ID:hdt0K2In

サイトを作っており周りのサイトよりデザインを頑張りたくてcode penを使いました
そしたらCSSの要素が消されて全く見えなくなり…
これじゃcodepenでデザインも綺麗にできません
そこで見たのがHTML CSSにphpを埋め込むという方法です
CSSの拡張子をphpに変えてlink lelで読み込ませる形なのですがこれを使うとCSS要素も消されずに使えますか？

22Name_Not_Found2020/01/03(金) 15:59:24.99ID:hdt0K2In

参考にさせてもらったサイトはこちらですhttps://chaika.hatenaブログ.com/entry/2015/09/23/142635
何とかcodepenの複雑なコードとCSSを共存させて要素が打ち消さずにできませんか？

23Name_Not_Found2020/01/03(金) 16:07:46.28ID:???

codepenを使う理由がないだろ

24Name_Not_Found2020/01/03(金) 16:12:03.79ID:???

この子は去年の暮れからいて
トンチキな質問してレスを楽しんでるだけなので程々に
あまりに適切な回答するとスルーする

25Name_Not_Found2020/01/03(金) 16:27:17.49ID:hdt0K2In

>>23
どうしてもボタンやヘッダーにアニメーションのような機能をつけたくて…
やっぱり無理ですかね…

26Name_Not_Found2020/01/03(金) 17:19:42.03ID:???

>>25
codepenなんて不便なものを使わないで作ればいいでしょ

27Name_Not_Found2020/01/03(金) 17:34:37.95ID:hdt0K2In

>>26
ですかね…
コードが複雑すぎて要素が消されすぎて使いたくても無理でした…

28Name_Not_Found2020/01/03(金) 17:53:36.50ID:???

なんかこの人たちの話してるcodepenと
俺の知ってるcodepenが違う…

29Name_Not_Found2020/01/03(金) 18:37:27.56ID:???

サイトを作りたくてcodepenを使う？？？？

30Name_Not_Found2020/01/03(金) 18:39:49.54ID:???

ただの構ってちゃんだから放置しろ

31Name_Not_Found2020/01/03(金) 18:55:09.26ID:???

とりあえずcodepenはクソという結論を
言っておけば被害者は減るだろ

32Name_Not_Found2020/01/03(金) 21:14:31.57ID:???

codepen何か問題あるん？
コード晒しに便利なツールだと思うけどなあ

33Name_Not_Found2020/01/04(土) 04:42:42.27ID:???

labelタグというのは現在でも使うものなのでしょうか？
pタグでも良さそうと思ったのですが、世間で使われているサイトでは
formの中にあるinputと関連する文字列はlabelタグを使うべきと考えるのでしょうか？

34Name_Not_Found2020/01/04(土) 05:51:54.88ID:???

>>32
作ったものをcodepenで晒す・・・OK
codepenで作る・・・アホ

35Name_Not_Found2020/01/04(土) 05:53:02.84ID:???

>>33
labelはどういうときに使うものと書いてあるかを確認しろ
自分で使い方を考えるんじゃない

36Name_Not_Found2020/01/04(土) 06:32:30.59ID:???

それは後半に書いてる
それに忠実に従うのが正しいか聞いていのでは

37Name_Not_Found2020/01/04(土) 18:08:09.31ID:???

>>33
後半の認識でOKだよ
for属性でinputと結びつけて使うんだぜ

inputと文字列をまとめてlabelで括るだけでなく
文字単体でも良いんだぜ

38Name_Not_Found2020/01/04(土) 19:19:18.10ID:???

>>33
大抵のブラウザはinputと関連付けたlabelはその文字列をクリックしても選択できるようになる