CSSについて

CSS 占ツク
今日:1 hit、昨日:0 hit、合計:675 hit

最高ランク : 1 , 更新： 2022/07/28 4:16:19

https://uranai.nosv.org/u.php/novel/mukiryoku116/

私の作っている作品なんですけど、画像を右下に合わせるソースが知りたいです。それと、一番下のコメント欄の投稿ボタンがズレているのですが、理由がわかる方、いらっしゃいますか
⬆️解決しました！

それと、本文の背景の右下に画像を置く方法も教えてください

mukiryoku1018

回答 5

投稿を違反報告 / ブロック

div#desc{text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px 1px 2px #fff,-1px -1px 2px #fff,-1px 1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px -1px 3px #fff,-1px 1px 3px #fff,-1px -1px 3px #fff,1px 1px 2px #fff,-1px -1px 2px #fff,-1px 1px 2px #fff,-1px -1px 2px #fff;background:url(URL) no-repeat bottom right/300px;height:500px;overflow:auto;}

で画像は行けると思います。
「bottom right」は「右下に」
「300」は画像の大きさ
「500」は説明欄の大きさを表しています。
スクロールがない方法は分かりません…💦

コメント欄の投稿ボタンはおそらく貴方様の名前が長い為ずれてしまっているのではないでしょうか…？
私がみたところ特に問題は無さそうです……

yamieaka
2022/07/28 1:32:49 違反報告 リンク

おさゆさん➼ありがとうございます！やはり、名前替え時ですかね……笑 参考にさせていただきます！

mukiryoku1018
2022/07/28 1:40:09 違反報告 リンク

上の方の補足になりますが、
上のソースだと余分なものが色々含まれてしまっています(影やスクロールの設定など)。
ですので、画像を置くだけなら、

div#desc{
background:url(画像URL) no-repeat bottom right/300px;
}

これだけで大丈夫です。

また、本文右下に入れる場合は、最初の「div#desc」(説明欄のセレクタ)を、本文のもの「#u_result」にすれば本文右下に画像を置くことができます。

(一度誤送信しましたので消して再送信しました、すみません。)

em7
2022/07/28 2:56:57 違反報告 リンク

あと、コメント欄の投稿ボタンがずれるというのが、ボタンの「投稿」という文字が少し左にずれていることであれば、理由はわかりませんがおそらくios系のバグだと思います。
ボタンに画像を設定する、ボタンを透過する(background:0 0 !important;)、他には
-webkit-appearance:none;
の設定を加えれば解決出来るかと思います。

em7
2022/07/28 3:00:18 違反報告 リンク

em7様➼ご丁寧にありがとうございます！助かりました

mukiryoku1018
2022/07/28 4:16:15 違反報告 リンク

コメントをするにはログインが必要です : ログイン

2 身長
2022/07/30 9:48:49 mukiryoku1018

単純な質問なんですけど、170cmの女の人が170cmの男の人の服を着ると、めっちゃ袖...

2 ネット語？について
2022/07/30 7:31:13 mukiryoku1018

友達に「○○のグッズあるんやけど、誰か知り合いに好きな人おる？」と聞いたら、「...

2 プロセカの原曲とセカイver.でキーが違うものを教えてください
2022/07/28 9:37:02 mukiryoku1018 1

タイトルの通りです。友人たちとカラオケに行くことになって、全員でプロセカのセ...

ランキング 回答待ちの質問 新着