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

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

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

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

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

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
https://mevius.5ch.net/test/read.cgi/hp/1517028608/

■関連スレ
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
0293Name_Not_Found
垢版 |
2018/04/08(日) 01:49:55.27ID:???
>>291
クラによりけり
自前PHP使う時もあればネットのサービス使う時もある
0294Name_Not_Found
垢版 |
2018/04/08(日) 11:34:21.46ID:???
>>292
エラーを回避はどうでもいいんだよ、この例では
リンクをどうしたいかを言っている

それにしても寄ってたかってあれこれ言って結局質問者が一番いい回答してることに草
0295Name_Not_Found
垢版 |
2018/04/08(日) 12:19:48.62ID:???
>>294
エラーがどうでもいいなら、href="" を書いてエラーを無視すればいいだろ
この質問が無駄
0296Name_Not_Found
垢版 |
2018/04/08(日) 12:28:14.19ID:???
質問者の回答って>>290か
コメントアウトしたら後でコメント解除しなきゃならんのだが、これが一番いい回答？
0297Name_Not_Found
垢版 |
2018/04/08(日) 12:50:01.57ID:???
>>295
それ以外にあるかってことだろ

>>296
HTML上はそれが最も正しい
そもそもまだないもののだから
0298Name_Not_Found
垢版 |
2018/04/08(日) 12:54:57.73ID:???
もう終わってるのにまだケチつけてることに草
0299Name_Not_Found
垢版 |
2018/04/08(日) 12:55:45.35ID:???
あ、298は297のことではないよ
0300Name_Not_Found
垢版 |
2018/04/08(日) 13:21:35.80ID:???
>>297
それ以外にする理由がないだろ、って話なんだがな
お前の話ではエラーはどうでもいいわけだから、別に他の手段を探す必要がない
0301Name_Not_Found
垢版 |
2018/04/08(日) 13:53:50.33ID:???
エラーがどうでもいいといってるけど、>>271ではエラーを解消したい、というようにしか読めない
最も、エラーが出るなら入力漏れのチェックになっていいじゃん、と思ったけど
0302Name_Not_Found
垢版 |
2018/04/08(日) 14:03:11.78ID:???
>>301
普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
問題はリンクになってるのにfalseするとユーザからしたら通常の挙動ではないこと
よってjsスレでの内容だがHTMLで何か方法ないかということ
0303Name_Not_Found
垢版 |
2018/04/08(日) 14:05:59.27ID:???
エラーを解消したいが最優先の目的なら#入れておけば済む話でそれ以降は不要
よってエラーを解消したいではない
0304Name_Not_Found
垢版 |
2018/04/08(日) 14:11:51.51ID:???
>>302
> 普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
結局は「エラーを回避したい」ってことでしょ
0305Name_Not_Found
垢版 |
2018/04/08(日) 14:14:38.72ID:???
> 普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
該当エラーを無視して抽出するスクリプトを書いたら？
デメリットを無視してまで隠す必要性がない
0306Name_Not_Found
垢版 |
2018/04/08(日) 14:31:21.94ID:???
> 後にURLを入れるためaタグでhref=""をかあらかじめ書いておきたい（必須）
この時点でinvalidになるのがMUSTなわけで、前提条件がアホ
0307Name_Not_Found
垢版 |
2018/04/08(日) 15:26:23.89ID:???
>>304
>結局は「エラーを回避したい」ってことでしょ
違う
0308Name_Not_Found
垢版 |
2018/04/08(日) 15:27:45.37ID:???
>>306
だからコメントでいいんだよ

終わってるのにしつこいな
0310Name_Not_Found
垢版 |
2018/04/08(日) 17:33:49.63ID:???
>>307
違うってお前は質問者じゃないだろ
勝手に決めるな
0312Name_Not_Found
垢版 |
2018/04/08(日) 20:02:43.89ID:OR3f9ATd
>>293

HTML とかのサイト制作書物読んでもフォームのタグは乗ってるがPHPが記載されてないからフォーム設置出来ないよな
0313Name_Not_Found
垢版 |
2018/04/08(日) 20:07:22.37ID:???
>>311
じゃあ質問者にしかわからないことを言ってみて
0314Name_Not_Found
垢版 |
2018/04/08(日) 20:14:42.36ID:???
なんだこいつマジキチか
0315Name_Not_Found
垢版 |
2018/04/08(日) 20:20:10.53ID:???
お前はマジチキ（マジでチキン=臆病）みたいだなｗ
0316Name_Not_Found
垢版 |
2018/04/08(日) 22:36:17.76ID:???
さて今日は何曜日？日曜日ですね
はい毎週お馴染みのscssキチ改め「も」抜けスレ主さんですwwwwww
0318Name_Not_Found
垢版 |
2018/04/09(月) 02:09:37.21ID:???
>>317
なぜhref書くのが必須なのかとか言えばいいじゃん
0319Name_Not_Found
垢版 |
2018/04/09(月) 17:19:34.11ID:C+XAGuuG
FileZillaを使っていて
リモートサーバにない新しいファイルをアップロードすると
パーミッションが600になっちゃいます
デフォルトはどこで設定すればいいんでしょか？
0320Name_Not_Found
垢版 |
2018/04/09(月) 18:31:40.25ID:???
>>270
>>272
返信遅くなって申し訳ありません

googleではじかれますか
ですよね
客はすごく良いアイデア思いついた気になってるので困りました
0322Name_Not_Found
垢版 |
2018/04/09(月) 19:01:00.02ID:???
chromeでaタグをドラッグしたらURLをドラッグした状態になりますが
これを禁止するにはどうしたらいいのでしょうか？
0323Name_Not_Found
垢版 |
2018/04/09(月) 20:25:37.05ID:C+XAGuuG
>>322
マウスダウンイベントをごにょごにょすればいいけど
ウェブアプリでなければあんまりやらんほうがいい
0324Name_Not_Found
垢版 |
2018/04/09(月) 20:30:40.15ID:???
>>323
electronで作ったネイティブアプリなので
URLがドラッグできるとウェブアプリ以上にダサい感じになるのです
mousedownを防いでデフォルト動作を防げば確かに止められそうですね
ありがとうございました
0325Name_Not_Found
垢版 |
2018/04/09(月) 21:19:33.88ID:???
>>318
それが依頼だから
後で簡単に入れられるように

とでも？クダラネ
0326Name_Not_Found
垢版 |
2018/04/09(月) 21:27:55.41ID:???
>>325
それなら必須じゃないってことになりますね
0327Name_Not_Found
垢版 |
2018/04/09(月) 21:41:06.51ID:???
君たちやめたまえ(｀・ω・´)

JSで弄るために<a href="">と書いて怒られるのが嫌なら
とりあえず<span>でも書いといて
<a>要素に入れ替えればいいじゃない
0332Name_Not_Found
垢版 |
2018/04/09(月) 22:18:42.88ID:???
コメントアウトするのはOKですが、
hrefを消すのはNGなんです。
0334Name_Not_Found
垢版 |
2018/04/09(月) 22:27:32.14ID:???
コメントアウトするのはOKですが、
hrefを消すのはNGなんです。
<span>変更するのもNGなんです。
0335Name_Not_Found
垢版 |
2018/04/09(月) 22:27:47.60ID:???
TODOコメント書いて
それを認識するエディター/IDE/なんらかのツール
でタスク管理するってのはどうか
0336Name_Not_Found
垢版 |
2018/04/09(月) 22:50:12.83ID:???
>>334
じゃあもう答え出てるじゃん

<a> → varidatorが怒るからNG
<a href=""> → varidatorが怒るからNG
<a href="#"> → クリック出来るからNG
<a href="#" onclick="return false;"> → リンクが残るからNG

どれか１つ妥協すればいいだけじゃん
varidatorをチューンしちゃうのがいいと思うけど
0337Name_Not_Found
垢版 |
2018/04/09(月) 23:13:38.51ID:???
話進めるのは勝手だが
>>332
>>334
は元の質問者じゃないからな、一応
どうせまた>>313のル−プになりそうだが
0339Name_Not_Found
垢版 |
2018/04/11(水) 10:43:39.67ID:???
つまりあれはそういうことなんだと思う
だからこんなことになったのかと
0340Name_Not_Found
垢版 |
2018/04/11(水) 11:35:05.78ID:QD0HMeFK
flex-wrapして３段になった時に一番下の段にだけマージンつけるとかってできますか？
0342Name_Not_Found
垢版 |
2018/04/11(水) 18:28:18.73ID:???
<div class="hoge1">
　<div data-ptn2="hoge2"></div>
</div>

.hoge1 [data-ptn2=hoge2] {〜}

上では〜になるのですが下ではなりません
何がいけないのでしょうか？

<div data-ptn1="hoge1">
　<div data-ptn2="hoge2"></div>
</div>

[data-ptn1=hoge1] [data-ptn2=hoge2] {〜}
0343Name_Not_Found
垢版 |
2018/04/11(水) 18:32:29.61ID:mbVW77MU
>>342
下のは、<div data-ptn1="hoge1" data-ptn2="hoge2">のセレクタ

この内側の<div>のセレクタは
<div data-ptn1="hoge1">
　<div data-ptn2="hoge2"></div>
</div>

こんな感じ
.hoge1[data-ptn1=hoge1]{
　　div[data-ptn2=hoge2]{
　　　　property: value;
　　}
}
0344Name_Not_Found
垢版 |
2018/04/11(水) 18:33:05.87ID:???
漠然とした質問で申し訳ない。
ブラウザで見ると、そのページには表が表示されているんだけど
ソースを表示させてみると、その表の記述が見つからない。

どういうテクニックなの？
0345Name_Not_Found
垢版 |
2018/04/11(水) 18:33:36.42ID:mbVW77MU
あー
SASS警察がくるー
脳内で
.hoge1[data-ptn1=hoge1] div[data-ptn2=hoge2]
に展開してくれ
0346Name_Not_Found
垢版 |
2018/04/11(水) 18:34:18.44ID:mbVW77MU
>>344
JSで差し込んでる
ブラウザの開発ツールで見てみるとわかると思うよ
0348Name_Not_Found
垢版 |
2018/04/11(水) 19:22:39.25ID:???
今webの３D（ブラウザで３ｄゲームとかできる）の最先端って何ですか？
数年前に見た時はWebGLとかcanvasのcontext3dとかを見ていて
あ、flash終わったなと思いましたが
0351Name_Not_Found
垢版 |
2018/04/11(水) 20:59:48.13ID:???
>>343
クラスでなく属性で、cssでお願いします
0352Name_Not_Found
垢版 |
2018/04/11(水) 21:16:01.11ID:mbVW77MU
>>348
計算だけでなくレンダリングまでサーバでやって
画像だけ送ってくるやーつはすげーなと思った
0353Name_Not_Found
垢版 |
2018/04/11(水) 22:55:56.79ID:???
>>350
なるほど、やはりそんな感じなのですね
>>352
本格的なゲームとなると利用者に比例してコスト増大しそうですが、
テレビ的に一方通行で共通のデータを送信するような用途だと面白そうですね
５G時代が来るみたいですし

ありがとうございました
0354Name_Not_Found
垢版 |
2018/04/12(木) 07:06:11.10ID:???
今の時代にそんな本格3Dのゲームがブラウザゲーレベルで求められてるかという問題もあるな
商売に絡めるなら今スマホを基準に考えないとダメなんでだったらアプリでやればいいになる
0355Name_Not_Found
垢版 |
2018/04/12(木) 17:37:28.50ID:???
HTMLとCSSでコンボボックスを作るにはどうすればいいですか？
0356Name_Not_Found
垢版 |
2018/04/12(木) 18:43:51.68ID:???
http://html5.cyberlab.info/elements/forms/input-list.html
HTML5はlist属性を使えばコンボボックスも簡単に作れるということが分かりましたが
一度選択すると選択したワードしか選択肢に現れないという挙動をするようです
この挙動は望まないものですし、意味が分かりません
これを変えることは出来るのでしょうか？
0357Name_Not_Found
垢版 |
2018/04/12(木) 18:47:27.81ID:???
>>356
現在入力中の文字列でフィルタリングしてるんですね
0358Name_Not_Found
垢版 |
2018/04/12(木) 20:24:15.70ID:???
>>355
<select size="3">
<option value="値">テキスト</option>
<option value="値">テキスト</option>
　：
</select>

って書けばいいよ
sizeの数字は適当に
0359Name_Not_Found
垢版 |
2018/04/12(木) 20:25:59.80ID:???
>>356
それはコンボボックスではなく
サジェストしてるんだよ
0360Name_Not_Found
垢版 |
2018/04/12(木) 21:07:06.95ID:???
コンボボックスかつサジェストだろ
コンボボックスを否定することはできんはずだ
0361Name_Not_Found
垢版 |
2018/04/12(木) 23:32:23.03ID:???
tableの行と行の間に画像（下矢印）を表示したいのですが、cssだけで実現可能でしょうか？
今は偶数行のtdの中にimgで画像を入れています

tableは行選択が可能で、選択行だけ背景色を変える必要があるので矢印の画像はtrの外側？に
配置したいです。うまく説明出来ませんが

────────────────────
<tr>1行目の内容・・・・・・・・・</tr>
↓
<tr>2行目の内容・・・・・・・・・</tr> ←このtrが選択されている場合は背景色変える
↓
<tr>3行目の内容・・・・・・・・・</tr>

こんな感じです
0362Name_Not_Found
垢版 |
2018/04/13(金) 01:06:19.07ID:???
after疑似要素とnot疑似クラスとlast-child疑似クラスでできる
0363Name_Not_Found
垢版 |
2018/04/13(金) 01:33:17.33ID:???
afterはその要素の後じゃなく要素内の一番最後に作られるんだぞ
0364Name_Not_Found
垢版 |
2018/04/13(金) 02:26:48.51ID:7pV1EVcq
例えばこんなhtmlで

＜p＞見出し0＜/p＞
　本文・・・・・
＜h2＞見出し1＜/h2＞
　本文・・・・・
＜h2＞見出し2＜/h2＞
　本文・・・・・

先頭の見出し0のみ＜p＞の場合、その見出しも＜h2＞と同じフォントサイズで表示したいのです。
自分でフォントサイズを指定するとしてもブラウザーがh2を何ポイントで表示するか分からないので
事前に指定する事が出来ません。
良い方法はありますか？
0365Name_Not_Found
垢版 |
2018/04/13(金) 02:43:55.96ID:???
pとh2の両方に同じフォントサイズを指定するとか
0366Name_Not_Found
垢版 |
2018/04/13(金) 10:05:28.61ID:7pV1EVcq
>>365
h2のデフォルトサイズで表示したいので
自分では指定したくないんです。
0367Name_Not_Found
垢版 |
2018/04/13(金) 10:21:13.65ID:???
フォントサイズはremで指定すれば？
あと見出しをPで指定ってのはどうなんだ？
0368Name_Not_Found
垢版 |
2018/04/13(金) 13:39:58.84ID:???
>>366
h2のデフォのスタイルコピペすればいいじゃん
開発ツールで見れるじゃろ
0369Name_Not_Found
垢版 |
2018/04/13(金) 14:16:15.99ID:???
値にinitialキーワード使えばいいのでは
0370Name_Not_Found
垢版 |
2018/04/13(金) 14:22:17.88ID:???
フォーカス時のoutlineのデフォルト状態を;focusで設定しました
:focus
は詳細度1のはずなのに、
main textarea
という詳細度2のセレクタよりも優先されてしまい、
outline: none
という設定をデフォルト設定で上書きしてしまいます

http://jsbin.com/toquciyico/edit?html,css,output

何故こうなるのでしょうか？

詳細度はこちらで計算しました
http://specificity.keegan.st/
0371Name_Not_Found
垢版 |
2018/04/13(金) 17:28:13.82ID:7l5NNIBS
海外にもまだいるんだな詳細度とか計算する人
0372Name_Not_Found
垢版 |
2018/04/13(金) 17:49:01.66ID:???
>>370
正常にoutlineが表示されるぞ
いくつかブラウザためしたか？
0373Name_Not_Found
垢版 |
2018/04/13(金) 18:07:43.33ID:???
chromeで試したのですが
firefoxで見ても、やはりアウトラインが表示されてしまいます
正常ならtextareaがフォーカスされてもアウトラインは表示されないはずだと思うのですが
main textareaでoutline:noneにしているので。
何かを根本的に勘違いしているのでしょうか・・
0374Name_Not_Found
垢版 |
2018/04/13(金) 18:13:13.57ID:???
>>373
すまん、表示されるのが正常と勘違いしていた

たしかに仕様的にはおかしいな
textarea （入力コントロール）だから特別に扱われている可能性はありうそうだが
0375Name_Not_Found
垢版 |
2018/04/13(金) 18:19:35.26ID:???
ありがとうございます
何を勘違いしていたのか分かりました
詳細度計算機の各数字を単純に合計するのかと思っていたのですが
各数字は10進数の桁になっていて
:focusは1点ではなく10点でした
そしてmain textareaは2点でした
なので、:focusが優先されるのは正常動作でした
となると、:focusでデフォルトのoutlineを設定するのは良くないということですね
0376Name_Not_Found
垢版 |
2018/04/13(金) 20:59:49.08ID:???
> 詳細度計算機の各数字を単純に合計するのかと思っていたのですが

ぜんぜん違う。点数なんてものは存在しない
0378Name_Not_Found
垢版 |
2018/04/13(金) 21:01:42.67ID:???
訂正する。点数計算とかばかみたいだからやめろ
0379Name_Not_Found
垢版 |
2018/04/13(金) 21:03:10.77ID:???
点数は仕様で決められていたと思いますが・・
決められていないとこんな複雑な処理実装できないですよね
0380Name_Not_Found
垢版 |
2018/04/13(金) 21:17:03.15ID:???
仕様には点数なんてものはない
点数は技術的なことをなにも知らない
文系馬鹿が言い出したでまかせ
0381Name_Not_Found
垢版 |
2018/04/13(金) 21:17:47.18ID:7l5NNIBS
>>379
この辺がわかりやすいかもしれない
https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4

詳細度ってポイント制じゃないの？のところを読んでみると良いかも
合計点って考え方は90年代からあるんだけど
足し算しちゃだーめよって話が書いてある
0382Name_Not_Found
垢版 |
2018/04/13(金) 21:18:07.44ID:???
本来は点数なんてものは存在しないからシンプル

点数のせいで複雑に見えてる
0383Name_Not_Found
垢版 |
2018/04/13(金) 21:24:18.12ID:???
優先度を考えなきゃいかんような状況に陥った時点で
設計に問題があるかもしれないね
0384Name_Not_Found
垢版 |
2018/04/13(金) 21:27:11.87ID:???
CSSの優先度なんて種類で分岐して数を数えるだけ

IDがありますか？ → Aランクグループへ
クラス等（要素以外）がありますか？ → Bランクグループへ
要素（疑似要素）がありますか？ → Cランクグループへ
*ですか？→ Dランクグループへ


各ランクグループは、そのランクの個数で勝負
（下位ランクのものをいくつ持っていても意味ない）
それだけの話なんだが


例外として、style属性に書いてあれば、ランク関係なしに優先されて
!importantがついていれば、それよりも優先される
（!importantがついている者同士でランキング争いは行う）
0385Name_Not_Found
垢版 |
2018/04/13(金) 21:30:08.85ID:???
> （下位ランクのものをいくつ持っていても意味ない）

訂正。同じ個数持っている場合は下位ランクの数で比較
0386Name_Not_Found
垢版 |
2018/04/13(金) 21:53:20.68ID:???
>>381
なるほど
桁が下の数字がいくら積み上がっても上の桁を凌駕することはないのですか
単なる合算よりも分かりやすい、すっきりする挙動ですね
ありがとうございました
0387Name_Not_Found
垢版 |
2018/04/13(金) 22:30:51.17ID:???
17年ほど前の話だが
サイトで足し算しろってドヤ顔で書いた
id1個とclass10個で上回れないからセレクタ10個以上は無視されるとまで書いた

本当に申し訳ないと思う
0390Name_Not_Found
垢版 |
2018/04/14(土) 23:40:56.23ID:???
+と>っていまだよくわからん
0391Name_Not_Found
垢版 |
2018/04/14(土) 23:58:50.52ID:???
>>390
+はすぐ後ろ、>は直下
<div class="hoge">
<div class="fuga"></div>
</div>
<div class="piyo"></div>
ってあった場合
.hoge + div は .piyo のこと
.hoge > div は .fuga のこと
0392Name_Not_Found
垢版 |
2018/04/15(日) 00:26:01.97ID:???
>>389
１つ目がクラスじゃなくなるんだから
１つ目も属性セレクタで書けばいいよ
■ このスレッドは過去ログ倉庫に格納されています
ニューススポーツなんでも実況