HTML/CSS のどんな質問に必ず優しく答えるスレ 31

**Name_Not_Found** · 2018/01/27(土) 13:50:08.11

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

類似質問、重複質問、丸投げ大いに結構。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

**Name_Not_Found** · 2018/03/12(月) 23:39:26.85

引用符の中にも文字参照って使えたんですね
ありがとうございました

**Name_Not_Found** · 2018/03/12(月) 23:41:30.46

むしろ使わないとダメだからな

<a href="http://example.com/foo?a=1&;b=2">
これは間違いだからな

<a href="http://example.com/foo?a=1&;b=2">
正しいのはこれだからな

**Name_Not_Found** · 2018/03/12(月) 23:42:07.18

なんか化けたぞ

<a href="http://example.com/foo?a=1&;amp;b=2">
正しいのはこれだからな

**Name_Not_Found** · 2018/03/13(火) 00:26:40.78

フォームのGETでハッシュ付きのurlに値を渡したいのですが、
パラメータ - ハッシュの順番のurlになってしまってうまく値を渡せません
具体的には
<form method="get" action="./#ajax/find.php">
<input type="text" name="key" value="" />
</form>
というフォームで、
http://sample//#ajax/find.php?key=xxx となってくれたらうまく動くのですが
http://sample/?key=xxx#ajax/find.php となってしまいうまく動かないということです
パラメータを後にくるようにする方法はないでしょうか？

**Name_Not_Found** · 2018/03/13(火) 00:43:31.54

#を%なんちゃらでＵＲＬエンコードしてもだめ？

**Name_Not_Found** · 2018/03/13(火) 00:51:39.28

action="./%23ajax/find.php">
にするということでしょうか？
http://sample/%23ajax/find.php?key=xxx
となって404がでました

**Name_Not_Found** · 2018/03/13(火) 01:29:08.97

そらそーだ
#の後ろはlocation.hashだとブラウザは思ってるわけだから

#ajaxてのはなにか１画面アプリ的なことをしてるわけでしょ
だったらそのフォームのポストもブラウザ任せにしないで
URL作るところから自分で面倒見てあげなきゃ駄目っしょ

**Name_Not_Found** · 2018/03/13(火) 17:19:40.51

デスクトップ用evernoteクライアントの
タブのようなものをHTMLとCSSで作ろうと思います
hoverすると「×」がボタンの右端に表示されて、
それをクリックするとボタンが消えるようなものです
この「×」はどういう実装で実現するのがいいですか？

**Name_Not_Found** · 2018/03/13(火) 17:29:50.68

×タブ
○タグ
でした

**Name_Not_Found** · 2018/03/13(火) 18:37:49.61

>>980
どういう実装でも構わない

**Name_Not_Found** · 2018/03/13(火) 18:56:21.16

>>982
どういう実装が一番いいですか？

**Name_Not_Found** · 2018/03/13(火) 19:02:49.56

>>983
どんぐりの背比べ
好きに実装するといい

**Name_Not_Found** · 2018/03/13(火) 19:03:55.88

>>983
HTMLで要素を作って
CSSで見た目を整えて
JSで制御するのがいいと思う

**Name_Not_Found** · 2018/03/13(火) 19:17:17.10

>>985
それは実装とは言えませんよ

**Name_Not_Found** · 2018/03/13(火) 19:20:08.49

優しく意地悪してて笑った

**Name_Not_Found** · 2018/03/13(火) 19:22:20.27

>>980
×って自分でいってんだから×で実装すればいいじゃん

**Name_Not_Found** · 2018/03/13(火) 19:26:33.77

absoluteな子要素を右寄せ縦センタリングして
その要素にafter疑似クラスを使って×を設定しました
これ以上にイケてる方法ありますか？

**Name_Not_Found** · 2018/03/13(火) 19:32:06.62

アプリケーション系は
よっぽど切羽詰った事情がない限り
before、afterを使うよりも普通に要素として書いたほうが
後々取り回ししやすことが多い、気がする
DOMから手が届くから

**Name_Not_Found** · 2018/03/13(火) 21:14:07.03

この×は文字ではなくてアイコンとして使っているだけなので
font awesomeのアイコンと同じ感じにしました

**Name_Not_Found** · 2018/03/13(火) 21:44:53.53

evernoteのタグってことは削除したあとリロードでなくなってないといけないんだろ？
localStorageとか使わないと無理だよ

**Name_Not_Found** · 2018/03/13(火) 22:44:14.91

実は作っているのはウェブサイトではなくてelectronのアプリなので
ストレージは使っていますが、locasStrageではありません

**Name_Not_Found** · 2018/03/14(水) 13:09:43.01

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:06.55

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:13.17

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:47.16

ksk

**Name_Not_Found** · 2018/03/14(水) 13:10:55.64

ksk

**Name_Not_Found** · 2018/03/14(水) 13:11:24.62

ksk

**Name_Not_Found** · 2018/03/14(水) 13:11:35.30

ksk

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 45日 23時間 21分 27秒