X
HTML/CSS のどんな質問にも優しく答えるスレ 35
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
垢版 |
2018/12/10(月) 23:34:18.61ID:Xy1kPhq4
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 34
http://mevius.5ch.net/test/read.cgi/hp/1538966757/

■関連スレ
Webサイト制作初心者用質問スレ part249
http://mevius.5ch.net/test/read.cgi/hp/1529144063/

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

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
0391Name_Not_Found
垢版 |
2018/12/29(土) 13:52:26.11ID:???
>>390
偽なら「翻訳」には間違いがない事になる
何も言わなかったのと同等のゴミ情報
0393344
垢版 |
2018/12/29(土) 14:16:23.68ID:???
>>392
じゃあ、>>379の「日本語版は翻訳が普通に間違っています」はどういう意味？
0394Name_Not_Found
垢版 |
2018/12/29(土) 14:27:02.08ID:???
https://developer.mozilla.org/ja/docs/Web/HTML/Block-level_elements
> 使用法
> ブロックレベル要素は <body> 要素内にのみ現れます。

これは間違い
HTML4-01 Strictではbody要素直下にはブロックレベル要素しか置けない規定があったが、ブロックレベル要素は他の場所にも置けた
また、Traditionalを宣言すれば、body要素直下にインライン要素を置くことが出来た
では、翻訳ミスかといえばそうではなく、原文(英語)から元々、この記述だった
https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

結論「MDNは英語/日本語ともに間違い。仕様書を読みましょう。」
0395394
垢版 |
2018/12/29(土) 14:32:47.59ID:???
> ブロックレベル要素は <body> 要素内にのみ現れます。

よくよく読むと、要素内だから<body>の子孫要素であっても良いのか
>>394は忘れてくれ
0396Name_Not_Found
垢版 |
2018/12/29(土) 14:54:11.78ID:???
>>394
他のページが間違ってるってことだけど
0397394
垢版 |
2018/12/29(土) 15:08:45.99ID:???
>>396
何のことだ？
0398Name_Not_Found
垢版 |
2018/12/29(土) 15:10:52.55ID:???
あえていうなら、HTML5で追加されたarticle,main,nav...etc要素がブロックレベル要素に分類されているのが違和感あるな
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/sgml/dtd.html#block
https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements#Elements
「although "block-level" is not technically defined for elements that are new in HTML5」と書いてはあるけど、このページだけ読む初心者には見分けがつかないので意味をなさない(実質、MDNのオレオレ定義だし)
こういう誤った分類が残っているから「article要素はブロックレベル要素だから...」と語る初心者が後を絶たない
0400Name_Not_Found
垢版 |
2018/12/29(土) 15:49:13.21ID:???
>>396,399
「どこが間違ってるの？」と何度聞いてもはぐらかしてばかりだね
「他のページ」のURLとか間違っている記述を聞いても答えないんだろうし、君の中では「MDN英語版が正しくて日本語版が正しい」のだろうね、」としかいえないわ
0401Name_Not_Found
垢版 |
2018/12/29(土) 16:00:21.90ID:???
言葉足らずで誤解を広げる>>379が他人の質問によって後出し情報を追加していく様はJSスレのそれに近いな
「日本語勉強しろ」な人が多すぎでないか
0402Name_Not_Found
垢版 |
2018/12/29(土) 17:33:44.02ID:???
延々と間違いを責め合うんじゃなく
みんなで勉強していけばいいじゃん
有意義なスレにしようぜブラザー供
0403Name_Not_Found
垢版 |
2018/12/29(土) 17:37:18.28ID:???
年末に争わなくてもねぇ
0404Name_Not_Found
垢版 |
2018/12/29(土) 17:56:44.38ID:???
>>398
>article要素はブロックレベル要素だから…

「 article要素はブラウザ環境では HTML UAスタイルシートでブロックレベルにされているから…」
の略記なんです、
という解釈もできなくはないので、まったく誤りというわけでもないがな
0405Name_Not_Found
垢版 |
2018/12/30(日) 08:32:57.06ID:???
bootstrap3 と 4
の普及率ってどのくらいなの？
大体の人がブラウザにキャッシュされてると考えていい？
0406Name_Not_Found
垢版 |
2018/12/30(日) 09:53:35.86ID:???
>>404
スタイルシートで指定するのはブロックレベルではない
0408Name_Not_Found
垢版 |
2018/12/30(日) 13:31:59.77ID:???
div>ul>liのような構造で
liをクリックしたら内包しているul（コンテナ）を閉じる
ということをcssだけでやるにはどうしたらいい？
JSで値を書き換えるのはできるんだけどcssだけでできないかなと
0411Name_Not_Found
垢版 |
2018/12/30(日) 14:20:29.22ID:???
detailやsummaryがedgeやieで使えないから
こういうめんどくさいことになってるのかねえ
0414Name_Not_Found
垢版 |
2018/12/30(日) 20:48:37.46ID:???
アコーディオンを実現するためにjs回避したところで他で使いたくなるんだから、そこまで凝らなきゃいけないケースってそんなにあるかなぁ
実装例としては面白いけども
0415Name_Not_Found
垢版 |
2018/12/30(日) 20:56:05.22ID:???
>>410
名前つけるほど、大層なことはしてない
疑似クラスで制御してるだけ
0416Name_Not_Found
垢版 |
2018/12/30(日) 21:42:28.42ID:???
↓のコードで２カラムのリンク集合体的なものを作るとき、
.buttonの幅(それぞれ50%)やボタン同士のmarginは.listと.buttonどっちに持たせた方がいいの？
.button自身のデザインは完成してて、liの中いっぱいに広がるという条件で

<ul class="container">
<li class="list"><a class="button">link1</a>
<li class="list"><a class="button">link2</a>
<li class="list"><a class="button">link3</a>
....省略
<li class="list"><a class="button">link20</a>
</ul>
0417Name_Not_Found
垢版 |
2018/12/30(日) 22:02:28.07ID:???
>>416
http://jsfiddle.net/h49z7o6u/2/
考え方は、どこをクリック出来るようにすると使いやすいかを中心に考える
まずはaはliと同じサイズにする事が基本
すると、liにpaddingは付けられない、と言った等が見えてくる
0421Name_Not_Found
垢版 |
2018/12/31(月) 13:33:19.32ID:???
年末まで殺気立つとかどんなつまらない人生送ってるの・・・
0423Name_Not_Found
垢版 |
2018/12/31(月) 14:00:49.85ID:???
>>421
お礼言われるの楽しみにワクワクしてたのに散々待たされたんだぞ
その気持ちがお前にわかるのかよ
0424Name_Not_Found
垢版 |
2018/12/31(月) 14:15:09.77ID:???
>>423
そんな小さいことにこだわらないから
0426Name_Not_Found
垢版 |
2018/12/31(月) 14:25:48.92ID:???
>>423
ってか>>379は俺なんだけど
嘘ばっかり付いてると朝鮮人と思われるよ
もうちょっとちゃんとしよう
0427Name_Not_Found
垢版 |
2018/12/31(月) 14:42:09.21ID:???
>376と>379が短時間で続けてレスしたと
0428Name_Not_Found
垢版 |
2018/12/31(月) 14:59:26.68ID:e24FWT4H
>>427
俺が>>376だけど違うよー
俺そんなに詳しくない
0429Name_Not_Found
垢版 |
2018/12/31(月) 15:33:59.79ID:???
>>426
>>379だけど
めんどくさいことにしかならないので、止めてくれ
0430Name_Not_Found
垢版 |
2018/12/31(月) 15:38:25.57ID:e24FWT4H
ID出せない奴はチキン！
0431Name_Not_Found
垢版 |
2018/12/31(月) 15:43:16.60ID:OD9Mhaqb
um
0432Name_Not_Found
垢版 |
2018/12/31(月) 15:58:01.29ID:5KQc/S9U
IDにhrefが入ってたらエロ画像貼る
0433Name_Not_Found
垢版 |
2018/12/31(月) 16:31:03.33ID:IdwCOiTz
>>432
俺のIDでもいいか
0435Name_Not_Found
垢版 |
2018/12/31(月) 20:32:50.20ID:???
>>434
客で使ってるとこあったけどその時7.1だったぞ
変えられるはず
0436Name_Not_Found
垢版 |
2018/12/31(月) 21:18:06.05ID:???
>>435
ありがとう
連絡来てどうにかしてくれって言われたわ
さすがにwpも動かんとか死ぬと思った

まぁ来年やな、良い音塩！
0437Name_Not_Found
垢版 |
2019/01/01(火) 04:24:38.44ID:???
>>436
アルファメール…
事前に確認とって開発開始したのに
納品直前になってPHP4しか動かせないとか言われ、蔵の○塚の営業担当にぶち切れた記憶が蘇ったわ

結局4で動くようにデグレを強要されるハメに。

その当時ですらさすがに4はないだろ…と思ったもんだが…鯖によっては変えられないかもよ…
それ以来、大○の関わるサービスには近寄らないようにしてる
0438Name_Not_Found
垢版 |
2019/01/01(火) 10:14:09.26ID:???
>>437
・・・えｗ

新年早々ヤバイ案件かよ〜〜
転送で対処するかな、さすがにphp4はどうにもできんわ
0439Name_Not_Found
垢版 |
2019/01/01(火) 13:54:51.20ID:???
なんでこのスレで聞いたの？
0440Name_Not_Found
垢版 |
2019/01/02(水) 20:10:12.16ID:???
プレミアに契約かえないとphpは4だよ
0441Name_Not_Found
垢版 |
2019/01/03(木) 00:07:32.77ID:???
別のページ見たら普通に7と5だった
しょーもな
0442Name_Not_Found
垢版 |
2019/01/03(木) 01:28:36.21ID:???
PHPのバージョンはなんでもいい
3とか4でも変わりない
そう、HTMLならね
0443Name_Not_Found
垢版 |
2019/01/03(木) 01:46:56.23ID:???
https://codepen.io/infologicmation/pen/KbZoqK
先輩方よろしくお願いします

ちなみにここで使われているMathJaxは見た目上の問題を分かりやすく示すために使われているだけであって、
MathJaxはなんの関係も無いです。
0444Name_Not_Found
垢版 |
2019/01/03(木) 07:43:24.68ID:???
アルファメールはphp4
プラチナも4
プレミアが5.4と7.0（どっちもセキュリティサポート終了）

アルファメールは絶対に使うな
0446Name_Not_Found
垢版 |
2019/01/03(木) 08:11:51.20ID:???
>>445
ありがとうございます。
しかし、リスト表記時の｢・｣はどうしても残しておかなければなりません
0448Name_Not_Found
垢版 |
2019/01/03(木) 08:49:23.30ID:???
さすがにそれはその場しのぎすぎてちょっと実用に耐えないです
0449Name_Not_Found
垢版 |
2019/01/03(木) 08:50:50.76ID:???
li要素でflexプロパティを使用しても、li要素の点｢・｣が消えなければいいのですがね…
0450Name_Not_Found
垢版 |
2019/01/03(木) 09:07:06.52ID:???
うお、できたｗｗｗ
すげー時間の無駄だったｗｗｗ

spanとp両方に
display: list-item;
漬けてるから好きな方外してくれ

あと、(1)とか文字の位置は
text-indent: -100px;
で調節すればok
https://codepen.io/anon/pen/RExEdW
0451Name_Not_Found
垢版 |
2019/01/03(木) 10:53:58.50ID:???
>>450
ありがとうございます。
ベストではないですが、現状ではそれがベターなのでそれで使わさせて貰います
0453Name_Not_Found
垢版 |
2019/01/03(木) 11:43:49.72ID:???
自分が考えついた物はベスト
人に教えてもらったいい物はベター
人に教えてもらった物はクソ
これがしったか初心者クオリティ
0454Name_Not_Found
垢版 |
2019/01/03(木) 11:58:41.25ID:???
ではベストではない点について言わせて貰いますと
>>450で見た目上、生成されている｢・｣はliの｢・｣ではなく、span.insert_stringに対して生成されたlist-itemによる｢・｣であって
これは本筋ではないと感じました。(HTML上の論理的な構造が変わっている)

僕の中でのベストとしては、HTML内の構造はそのままで、(javascriptで？)insert_stringを適切に移動”だけ”させて、>>450みたいにしたものだったのですが。
0457Name_Not_Found
垢版 |
2019/01/03(木) 15:29:13.50ID:???
リストマーカーってあんまりそのまま使わなくなっちゃったなー
0458Name_Not_Found
垢版 |
2019/01/03(木) 15:36:18.04ID:???
使うとしても一旦消してbeforeで中黒付けるかな
ブラウザでどう表示されるか分からんのは怖い
0459Name_Not_Found
垢版 |
2019/01/03(木) 21:51:25.51ID:???
>>458
俺もそれだなあ

list-style周りがあまり発展しないのは
やっぱ使う奴が少ないからなんだろうか
0460Name_Not_Found
垢版 |
2019/01/03(木) 22:08:25.16ID:???
>>459
だろうね
そもそもモバイル化に伴って、リスト自体が少なくなったと思う
ulやolはあんまり使わない。メニューぐらいかな？メニューだと絶対にlist-styleは使わない
あとは何かの手続き順序とか、ランキングの表でもあればolを使うかもしれない
とにかくlist-styleは使い勝手が悪い
0461Name_Not_Found
垢版 |
2019/01/04(金) 00:07:52.25ID:???
画面に直接マッキーで点入れたいとこに打てばいんじゃね？
俺って天才かよ
0462Name_Not_Found
垢版 |
2019/01/04(金) 00:16:50.21ID:???
>>461
fixedやろ、それは考えてﾌﾌｯってしてやめた
わざわざ言うもんじゃないんだ
0463Name_Not_Found
垢版 |
2019/01/04(金) 00:44:20.67ID:c0sgFhpu
箇条書きは甘え
0464Name_Not_Found
垢版 |
2019/01/04(金) 12:25:57.51ID:???
ブログで数学の証明を書いてますので箇条書きは使いまくりですね
0465Name_Not_Found
垢版 |
2019/01/05(土) 00:31:24.08ID:???
隣接セレクタが効きません。なんでだめなんだ...？

// HTML ------------------------
<div class="menu">
<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
</ul>
</div>


// CSS ------------------------
.menu li + .menu li {
margin-top: 10px;
}
0467Name_Not_Found
垢版 |
2019/01/05(土) 00:41:16.73ID:???
>>466
それでいいのか...！有難う有難う感謝です
0468Name_Not_Found
垢版 |
2019/01/06(日) 00:11:51.87ID:OgZAvs+d
Twitterウィジェットのtweetswindが使えなくなってしまったので、新しくfeedwindを使って表示させたいのですが、うまくできません

iframeタグでtweetswindを使っていたので、feedwindでiframe用のコードを取得してコピペしたのですが、元のページが文字化けしてしまいます。元のページはUTF-8です
0469Name_Not_Found
垢版 |
2019/01/06(日) 00:40:38.28ID:???
いろんなとこにコピペしてそうな質問だな
0470Name_Not_Found
垢版 |
2019/01/06(日) 00:58:03.50ID:???
答えてやりなよｗ

>>468
「iframe 文字コード」で検索すれば色々でてくる
文字コードは実物みないと解決策がわからん
0471Name_Not_Found
垢版 |
2019/01/06(日) 15:07:34.63ID:???
質問です。
たまに画面がグチャってるサイトってありますけど、
こういうのは意図的に、ワザとこうなってるのですか？
http://www.flower-record.com
それとも特定の別ブラウザで見ると、綺麗にレイアウトしてるものなのですか？
自分だけこう見えるってこと？
なぜこうなるのか、意味が分りません
0472Name_Not_Found
垢版 |
2019/01/06(日) 15:54:04.93ID:???
>>471
IE11だとまともに見える（デザインセンスは酷いけど）
まぁ、あまり気にしなくていいと思うよ。知り合いなら教えてあげたほうが良いかも
0473Name_Not_Found
垢版 |
2019/01/06(日) 18:11:00.38ID:???
<thead>の子でthの代わりにtd使ってもいい？
0475Name_Not_Found
垢版 |
2019/01/06(日) 18:27:27.66ID:???
thead,tbody,tfootとth,tdの区別というか意味を理解できてないのかな
thead,tbody,tfootはテーブル全体のヘッダ、本文、フッタでth,tdは各項目のヘッダ、値だからそれによる制約はない
0476Name_Not_Found
垢版 |
2019/01/06(日) 18:50:36.32ID:???
こういう構造ってHTML的にOKですか？
二つのリンクはスタイルで間隔開けるんで、ユーザビリティは問題ないです

<p>
<a>Aへのリンク</a>
<a>Bへのリンク</a>
</p>
0478Name_Not_Found
垢版 |
2019/01/06(日) 19:18:17.71ID:97FTmIUs
フロントの自動化って何使ってる？

Gulp？webpack？npm script？
0479Name_Not_Found
垢版 |
2019/01/06(日) 19:30:23.51ID:???
>>476
そもそもどこに問題があるかもと思ったのか
0480Name_Not_Found
垢版 |
2019/01/06(日) 19:55:25.68ID:???
しつもんです。
あなたにとってhtmlってなんですか？
0484Name_Not_Found
垢版 |
2019/01/06(日) 23:46:56.87ID:???
そのアンケート意味あんの？
0486Name_Not_Found
垢版 |
2019/01/07(月) 14:45:45.75ID:???
flex-wrap:wrapで幅が決まってないアイテムが複数行になった時に
コンテナの右側がガタガタになるのを綺麗に見せるテクってありませんか？

こんなのです
https://jsfiddle.net/uwaoyqc6/
0489486
垢版 |
2019/01/07(月) 17:03:41.44ID:???
flex-grow:1でいけました・・・
これ行ごとに効くんですね
知りませんでした
0490Name_Not_Found
垢版 |
2019/01/07(月) 21:53:14.87ID:???
お前ら試されて負けたのかｗ
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況