X
HTML/CSS のどんな質問にも優しく答えるｽﾚ 39 ﾐｯｸﾐｸ
レス数が1000を超えています。これ以上書き込みはできません。
0001Name_Not_Found
垢版 |
2019/06/02(日) 12:27:38.07ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

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

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

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

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html
0952Name_Not_Found
垢版 |
2019/07/27(土) 18:15:45.43ID:???
スマホで開発するのが頭悪い
0953Name_Not_Found
垢版 |
2019/07/27(土) 19:22:12.90ID:???
ちょ、落ち着けよ、みんなお、お、落ち着けってててて
0954Name_Not_Found
垢版 |
2019/07/27(土) 20:35:03.57ID:???
よーし、パパ質問たくさんしちゃうぞー！！
0955Name_Not_Found
垢版 |
2019/07/28(日) 00:37:18.72ID:FRD0pivd
hogehoge:before{
　　　　　　　　　　content:"NEW";
　　　　　　　　　　font-family:"うんちフォント";
}
で指定してあるとして、指定のフォントが閲覧者のPCになかったら
ブラウザ指定のフォントで表示じゃなくて、NEW自体を表示させなくしたいんだけど
どう設定すればいいですか？
0956Name_Not_Found
垢版 |
2019/07/28(日) 08:07:53.87ID:???
よく分からんけど@supportsでどうにかなるんじゃない？
0957Name_Not_Found
垢版 |
2019/07/28(日) 09:14:39.55ID:???
そうだそうだ
よくわからないけどなんとかなりそうな雰囲気だ！
0958Name_Not_Found
垢版 |
2019/07/29(月) 00:00:40.26ID:???
CSSじゃ無理でしょ
955みたいなのはJS使ってめんどいことやらないとだめだから、
画像かWebフォントで確実に表示させるのが無難
0959Name_Not_Found
垢版 |
2019/07/29(月) 01:19:06.47ID:???
ここにおるデザイナー寄りのコーダーたちは
イラレとかフォトショとかも結構なレベルで使いこなせちゃう感じ？
0960Name_Not_Found
垢版 |
2019/07/29(月) 12:29:40.94ID:???
疑似要素を使って下ボーダーの色を一部変更した見出しデザインにしています
この要素の幅よりもテキストがはみ出さないようにするため3兄弟
overflow:hidden;text-overflow:ellipsis;white-space:preを使ってみましたが
ボーダーの色が消滅してしまいます…
デザインを崩さずにテキストをはみ出させないためにはどうすれば良いでしょうか？
0961Name_Not_Found
垢版 |
2019/07/29(月) 13:26:28.84ID:???
レイヤーが2枚あってスクロールすると上のレイヤーだけ動いているように見える効果なんというんだっけ？
0971Name_Not_Found
垢版 |
2019/07/29(月) 18:32:49.92ID:???
>>968
ありがとうございます
border-bottomを設定した要素に疑似要素のborder-bottomを重ねるよくあるやつです
いろいろ試した結果、
overflow:hiddenを設定すると、その要素のborder-bottomについては当然表示されますが
子要素や疑似要素はボーダー（を含む）から下が非表示になり、つまり無理なので諦めます…
0972Name_Not_Found
垢版 |
2019/07/29(月) 19:25:36.09ID:???
諦めたらそこで試合終了ですよ？
0973Name_Not_Found
垢版 |
2019/07/29(月) 19:28:22.33ID:???
>>971
> border-bottomを設定した要素に疑似要素のborder-bottomを重ねるよくあるやつです

あなたの界隈では「よくある」で通じるのか…
0974Name_Not_Found
垢版 |
2019/07/29(月) 19:40:43.33ID:???
下ボーダーよりテキストがはみ出るなんてあり得ないはずだぞ
それと疑似要素は下ボーダーの上にz-indexでピッタリ重ねてる前提だよな？
0977Name_Not_Found
垢版 |
2019/07/29(月) 22:49:56.40ID:???
>>974
そうです
ぴったり重ねるとそこからoverflow:hiddenの影響を受けるので見えなくなります
テキストのボトムラインに近くなってもいいなら疑似要素を上にずらすって手もありますけど
不格好なのでやめました
0978Name_Not_Found
垢版 |
2019/07/29(月) 23:02:00.66ID:???
何としても言葉だけで伝えようとしてるが既に誰もイメージがついてないだろｗ
0979Name_Not_Found
垢版 |
2019/07/30(火) 00:06:06.27ID:???
どうしようもできない事象はスルーしたほうがよいのじゃよ
0980Name_Not_Found
垢版 |
2019/07/30(火) 00:17:18.00ID:???
全部じゃなくてもシンプル化したコードでも貼れば、こうしたらいいのにってアドバイスも出来るのにね。
殆ど誰も理解できていない状況で、自分の中だけで完結して諦めてるって、そりゃ何も答えようが無いわ。
0981Name_Not_Found
垢版 |
2019/07/30(火) 00:41:33.19ID:???
諦めるのか？
何をやるのもいい加減にして、一生ゼロのまま終わるのか？
それでいいのか？ お前らそれでも男か？悔しくないのか！！
0982Name_Not_Found
垢版 |
2019/07/30(火) 06:13:45.50ID:???
>>960
疑似要素を使わず、オリジナル要素にborder指定すれば解決
→終了
0985Name_Not_Found
垢版 |
2019/07/30(火) 13:26:23.27ID:???
>>983
あ"?　おめーは何を解決したんだよコラ！！
0987Name_Not_Found
垢版 |
2019/07/30(火) 16:36:38.18ID:???
>>986
質問者の目的は質問する事だろ？アーン？
0988Name_Not_Found
垢版 |
2019/07/30(火) 16:51:17.78ID:???
ちょっとまてよ
>不格好なのでやめました
っていってるだろ？つまり質問者はあれだよあれ
なんだっけこのやろう！！
0989Name_Not_Found
垢版 |
2019/07/30(火) 17:49:42.51ID:???
ちょっとままって、いいいったん落ちつこう(焦)
0992Name_Not_Found
垢版 |
2019/07/30(火) 20:45:48.43ID:???
お、お、おちおちつつついてんに決まってんろ！！！
0993Name_Not_Found
垢版 |
2019/07/30(火) 20:47:59.97ID:???
>>990
どうせ色目的なんでしょ？
私をいやらしい目でみてたじゃないの
0994Name_Not_Found
垢版 |
2019/07/30(火) 21:22:18.35ID:???
いったん冷静になろう
ステイクールでいこうぜ
0995Name_Not_Found
垢版 |
2019/07/30(火) 22:40:48.21ID:???
いいか…じっとしてろよ…オーケー、いい子だ
0996Name_Not_Found
垢版 |
2019/07/30(火) 22:41:46.13ID:???
誰か・・・次スレ・・・頼む　ゴフッ
0998Name_Not_Found
垢版 |
2019/07/31(水) 19:27:28.83ID:???
.test{color: red;border-bottom: 1px dashed #fff;transition: all ease 1s;}
.test:hover{color: blue;border-bottom: 1px solid #fff;}
<p class="test">TEST</p>

border-bottomにtransitionが効かないのですがなぜでしょうか？
10011001
垢版 |
Over 1000Thread
このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 59日 7時間 15分 59秒
10021002
垢版 |
Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。
ニューススポーツなんでも実況