CSSについて

CSS 占ツク
Today:1 hit、Yesterday:2 hit、Total:1135 hit

Best : 1 , Updated： Jul 28, 2022, 4:16:19 AM

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

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

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

mukiryoku1018

Answer 5

𝕏

Flag post / Block

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
Jul 28, 2022, 1:32:49 AM Flag Link

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

mukiryoku1018
Jul 28, 2022, 1:40:09 AM Flag Link

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

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

これだけで大丈夫です。

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

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

em7
Jul 28, 2022, 2:56:57 AM Flag Link

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

em7
Jul 28, 2022, 3:00:18 AM Flag Link

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

mukiryoku1018
Jul 28, 2022, 4:16:15 AM Flag Link

You must be logged in to comment : Sign in

2 身長
Jul 30, 2022, 9:48:49 AM mukiryoku1018

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

2 ネット語？について
Jul 30, 2022, 7:31:13 AM mukiryoku1018

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

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

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

Ranking Waiting for response New