質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2686閲覧

railsで背景画像を入れたい

rio13

総合スコア12

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/03/26 07:05

目標

cssに背景画像を入れたいです

現状

cloud9を使っています。
railsのh1タグの後ろに背景画像を入れたいのですが、cssが適応されません。
画像は、プロジェクト名/アプリ名/app/assets/images/----.jpg
にあります。

試したこと

デベロッパーツールを確認した。問題はなさそうです。

htmlのコード

html

1<p id="notice"><%= notice %></p> 2 3<h1 id=qwe1>Movies</h1> 4 5<table> 6 <thead> 7 <tr> 8 <th>Namhe</th> 9 <th>Rate</th> 10 <th>Description</th> 11 <th>Image</th> 12 <th colspan="3"></th> 13 </tr> 14 </thead> 15

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

CSSが適用されません。

背景画像の設定以外のCSSも適用されないですか?(marginとかbackground-colorとか)
もし適用される場合は、以下を試されましたか?
Railsでbackground-image(背景画像)を設定する

投稿2020/03/26 09:15

mongolia

総合スコア133

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

rio13

2020/03/26 23:27

出来ました!! ありがとうございます。
guest

0

railsは詳しくないのと、CSSの記述がないので断定できないのですが、
パスの書き方が間違っているように思えます。

「http(s)://」から始まるURLで、「/app/assets/images/----.jpg」を表示してみてください。
例) http://localhost/プロジェクト名/アプリ名/app/assets/images/----.jpg
例) http://localhost/app/assets/images/----.jpg
例) http://localhost/assets/images/----.jpg
など。

仮に「http://localhost/assets/images/----.jpg」で画像が表示できたとしたら、
http://localhost」の部分を削除して、「/assets/images/----.jpg」が絶対パスです。

(相対パスの書き方については、railsに詳しくないので明言できません..)

投稿2020/03/26 07:17

new1ro

総合スコア4528

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問