HTML/CSS のどんな質問にも優しく答えるスレ 32
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。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 >>292
エラーを回避はどうでもいいんだよ、この例では
リンクをどうしたいかを言っている
それにしても寄ってたかってあれこれ言って結局質問者が一番いい回答してることに草 >>294
エラーがどうでもいいなら、href="" を書いてエラーを無視すればいいだろ
この質問が無駄 質問者の回答って>>290か
コメントアウトしたら後でコメント解除しなきゃならんのだが、これが一番いい回答? >>295
それ以外にあるかってことだろ
>>296
HTML上はそれが最も正しい
そもそもまだないもののだから >>297
それ以外にする理由がないだろ、って話なんだがな
お前の話ではエラーはどうでもいいわけだから、別に他の手段を探す必要がない エラーがどうでもいいといってるけど、>>271ではエラーを解消したい、というようにしか読めない
最も、エラーが出るなら入力漏れのチェックになっていいじゃん、と思ったけど >>301
普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
問題はリンクになってるのにfalseするとユーザからしたら通常の挙動ではないこと
よってjsスレでの内容だがHTMLで何か方法ないかということ エラーを解消したいが最優先の目的なら#入れておけば済む話でそれ以降は不要
よってエラーを解消したいではない >>302
> 普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
結局は「エラーを回避したい」ってことでしょ > 普通はそうだがそこのエラーは承知済みで、他の部分にエラーがあればそこを目立たせたいということ
該当エラーを無視して抽出するスクリプトを書いたら?
デメリットを無視してまで隠す必要性がない > 後にURLを入れるためaタグでhref=""をかあらかじめ書いておきたい(必須)
この時点でinvalidになるのがMUSTなわけで、前提条件がアホ >>304
>結局は「エラーを回避したい」ってことでしょ
違う >>306
だからコメントでいいんだよ
終わってるのにしつこいな >>307
違うってお前は質問者じゃないだろ
勝手に決めるな >>293
HTML とかのサイト制作書物読んでもフォームのタグは乗ってるがPHPが記載されてないからフォーム設置出来ないよな >>311
じゃあ質問者にしかわからないことを言ってみて さて今日は何曜日?日曜日ですね
はい毎週お馴染みのscssキチ改め「も」抜けスレ主さんですwwwwww >>317
なぜhref書くのが必須なのかとか言えばいいじゃん FileZillaを使っていて
リモートサーバにない新しいファイルをアップロードすると
パーミッションが600になっちゃいます
デフォルトはどこで設定すればいいんでしょか? >>270
>>272
返信遅くなって申し訳ありません
googleではじかれますか
ですよね
客はすごく良いアイデア思いついた気になってるので困りました chromeでaタグをドラッグしたらURLをドラッグした状態になりますが
これを禁止するにはどうしたらいいのでしょうか? >>322
マウスダウンイベントをごにょごにょすればいいけど
ウェブアプリでなければあんまりやらんほうがいい >>323
electronで作ったネイティブアプリなので
URLがドラッグできるとウェブアプリ以上にダサい感じになるのです
mousedownを防いでデフォルト動作を防げば確かに止められそうですね
ありがとうございました >>318
それが依頼だから
後で簡単に入れられるように
とでも?クダラネ >>325
それなら必須じゃないってことになりますね 君たちやめたまえ(`・ω・´)
JSで弄るために<a href="">と書いて怒られるのが嫌なら
とりあえず<span>でも書いといて
<a>要素に入れ替えればいいじゃない >>327
<span><!--<a href=""></a>--></span> コメントアウトするのはOKですが、
hrefを消すのはNGなんです。 コメントアウトするのはOKですが、
hrefを消すのはNGなんです。
<span>変更するのもNGなんです。 TODOコメント書いて
それを認識するエディター/IDE/なんらかのツール
でタスク管理するってのはどうか >>334
じゃあもう答え出てるじゃん
<a> → varidatorが怒るからNG
<a href=""> → varidatorが怒るからNG
<a href="#"> → クリック出来るからNG
<a href="#" onclick="return false;"> → リンクが残るからNG
どれか1つ妥協すればいいだけじゃん
varidatorをチューンしちゃうのがいいと思うけど 話進めるのは勝手だが
>>332
>>334
は元の質問者じゃないからな、一応
どうせまた>>313のル−プになりそうだが つまりあれはそういうことなんだと思う
だからこんなことになったのかと flex-wrapして3段になった時に一番下の段にだけマージンつけるとかってできますか? <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] {〜} >>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;
}
} 漠然とした質問で申し訳ない。
ブラウザで見ると、そのページには表が表示されているんだけど
ソースを表示させてみると、その表の記述が見つからない。
どういうテクニックなの? あー
SASS警察がくるー
脳内で
.hoge1[data-ptn1=hoge1] div[data-ptn2=hoge2]
に展開してくれ >>344
JSで差し込んでる
ブラウザの開発ツールで見てみるとわかると思うよ 今webの3D(ブラウザで3dゲームとかできる)の最先端って何ですか?
数年前に見た時はWebGLとかcanvasのcontext3dとかを見ていて
あ、flash終わったなと思いましたが >>348
それそのまま進んでflash終わった。 >>343
クラスでなく属性で、cssでお願いします >>348
計算だけでなくレンダリングまでサーバでやって
画像だけ送ってくるやーつはすげーなと思った >>350
なるほど、やはりそんな感じなのですね
>>352
本格的なゲームとなると利用者に比例してコスト増大しそうですが、
テレビ的に一方通行で共通のデータを送信するような用途だと面白そうですね
5G時代が来るみたいですし
ありがとうございました 今の時代にそんな本格3Dのゲームがブラウザゲーレベルで求められてるかという問題もあるな
商売に絡めるなら今スマホを基準に考えないとダメなんでだったらアプリでやればいいになる HTMLとCSSでコンボボックスを作るにはどうすればいいですか? http://html5.cyberlab.info/elements/forms/input-list.html
HTML5はlist属性を使えばコンボボックスも簡単に作れるということが分かりましたが
一度選択すると選択したワードしか選択肢に現れないという挙動をするようです
この挙動は望まないものですし、意味が分かりません
これを変えることは出来るのでしょうか? >>356
現在入力中の文字列でフィルタリングしてるんですね >>355
<select size="3">
<option value="値">テキスト</option>
<option value="値">テキスト</option>
:
</select>
って書けばいいよ
sizeの数字は適当に >>356
それはコンボボックスではなく
サジェストしてるんだよ コンボボックスかつサジェストだろ
コンボボックスを否定することはできんはずだ tableの行と行の間に画像(下矢印)を表示したいのですが、cssだけで実現可能でしょうか?
今は偶数行のtdの中にimgで画像を入れています
tableは行選択が可能で、選択行だけ背景色を変える必要があるので矢印の画像はtrの外側?に
配置したいです。うまく説明出来ませんが
────────────────────
<tr>1行目の内容・・・・・・・・・</tr>
↓
<tr>2行目の内容・・・・・・・・・</tr> ←このtrが選択されている場合は背景色変える
↓
<tr>3行目の内容・・・・・・・・・</tr>
こんな感じです after疑似要素とnot疑似クラスとlast-child疑似クラスでできる afterはその要素の後じゃなく要素内の一番最後に作られるんだぞ 例えばこんなhtmlで
<p>見出し0</p>
本文・・・・・
<h2>見出し1</h2>
本文・・・・・
<h2>見出し2</h2>
本文・・・・・
先頭の見出し0のみ<p>の場合、その見出しも<h2>と同じフォントサイズで表示したいのです。
自分でフォントサイズを指定するとしてもブラウザーがh2を何ポイントで表示するか分からないので
事前に指定する事が出来ません。
良い方法はありますか? >>365
h2のデフォルトサイズで表示したいので
自分では指定したくないんです。 フォントサイズはremで指定すれば?
あと見出しをPで指定ってのはどうなんだ? >>366
h2のデフォのスタイルコピペすればいいじゃん
開発ツールで見れるじゃろ フォーカス時のoutlineのデフォルト状態を;focusで設定しました
:focus
は詳細度1のはずなのに、
main textarea
という詳細度2のセレクタよりも優先されてしまい、
outline: none
という設定をデフォルト設定で上書きしてしまいます
http://jsbin.com/toquciyico/edit?html,css,output
何故こうなるのでしょうか?
詳細度はこちらで計算しました
http://specificity.keegan.st/ >>370
正常にoutlineが表示されるぞ
いくつかブラウザためしたか? chromeで試したのですが
firefoxで見ても、やはりアウトラインが表示されてしまいます
正常ならtextareaがフォーカスされてもアウトラインは表示されないはずだと思うのですが
main textareaでoutline:noneにしているので。
何かを根本的に勘違いしているのでしょうか・・ >>373
すまん、表示されるのが正常と勘違いしていた
たしかに仕様的にはおかしいな
textarea (入力コントロール)だから特別に扱われている可能性はありうそうだが ありがとうございます
何を勘違いしていたのか分かりました
詳細度計算機の各数字を単純に合計するのかと思っていたのですが
各数字は10進数の桁になっていて
:focusは1点ではなく10点でした
そしてmain textareaは2点でした
なので、:focusが優先されるのは正常動作でした
となると、:focusでデフォルトのoutlineを設定するのは良くないということですね > 詳細度計算機の各数字を単純に合計するのかと思っていたのですが
ぜんぜん違う。点数なんてものは存在しない 点数は仕様で決められていたと思いますが・・
決められていないとこんな複雑な処理実装できないですよね 仕様には点数なんてものはない
点数は技術的なことをなにも知らない
文系馬鹿が言い出したでまかせ >>379
この辺がわかりやすいかもしれない
https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4
詳細度ってポイント制じゃないの?のところを読んでみると良いかも
合計点って考え方は90年代からあるんだけど
足し算しちゃだーめよって話が書いてある 本来は点数なんてものは存在しないからシンプル
点数のせいで複雑に見えてる 優先度を考えなきゃいかんような状況に陥った時点で
設計に問題があるかもしれないね CSSの優先度なんて種類で分岐して数を数えるだけ
IDがありますか? → Aランクグループへ
クラス等(要素以外)がありますか? → Bランクグループへ
要素(疑似要素)がありますか? → Cランクグループへ
*ですか?→ Dランクグループへ
各ランクグループは、そのランクの個数で勝負
(下位ランクのものをいくつ持っていても意味ない)
それだけの話なんだが
例外として、style属性に書いてあれば、ランク関係なしに優先されて
!importantがついていれば、それよりも優先される
(!importantがついている者同士でランキング争いは行う) > (下位ランクのものをいくつ持っていても意味ない)
訂正。同じ個数持っている場合は下位ランクの数で比較 >>381
なるほど
桁が下の数字がいくら積み上がっても上の桁を凌駕することはないのですか
単なる合算よりも分かりやすい、すっきりする挙動ですね
ありがとうございました 17年ほど前の話だが
サイトで足し算しろってドヤ顔で書いた
id1個とclass10個で上回れないからセレクタ10個以上は無視されるとまで書いた
本当に申し訳ないと思う >>390
+はすぐ後ろ、>は直下
<div class="hoge">
<div class="fuga"></div>
</div>
<div class="piyo"></div>
ってあった場合
.hoge + div は .piyo のこと
.hoge > div は .fuga のこと >>389
1つ目がクラスじゃなくなるんだから
1つ目も属性セレクタで書けばいいよ ■ このスレッドは過去ログ倉庫に格納されています