Q&A
urlはどの形でアクセスしているんですか？最後にスラッシュ付けてたりしてません？
トップページで、センターに画像を配置したいのですが、うまくいかず困っています。
toppagesというフォルダの中のindex.html.erbファイルの以下の記述に問題があると思われます。
配置したい画像は同じtoppagesフォルダ内にある、mountain.jpg という名前のファイルです。
現在は、alt内のmkcaffeeという文字か画像が配置されるべきところに出現している状態です。
どうぞよろしくお願いします！
【toppages/index.html.erb】
<div class="center jumbotron"> <div class="text-center"> <div class="container"> <p><img class="img-responsive center" src="mountain.jpg" alt="mk caffee"></p> </div> </div> </div>
動作確認はどこで行いましたか？（ローカル？WEBサーバー経由？）
cssもご提示ください。また、ソースコードはコードブロック``` で囲ってください（編集画面でプレビュー見ながら編集すると良いです）
「mts10806」さんのご指摘どおり、CSSの影響も多分に考えられますので、こういう場合はHTML・CSSの両コードを提示された方がより良い回答を得れると思います。また、画像ソフトにより画像の拡張子「jpg」が大文字「JPG」のままになっていると、反映されない場合がありますので、確認してみてください。
回答2件
0
こんにちは！
ちょっと気になったのですが
index.html.erb
はファイル名ですか？
toppages/erb/index.html
であれば問題ないかと思いますが、、、
もしかして、階層が間違っているとか？
あと、相対パスについてご存知ですか？
投稿2018/04/10 00:26
編集2018/04/10 00:29
総合スコア527
0
まず、1点。imgフォルダに画像は入っていませんか？
2点目。<p>タグにくくるとblock要素になるのでcssでdisplay:inline-blockにしてtext-align:center;
はどうでしょう。
3点目。<p>タグは使わず、そのままimgのままでcssの方を
.container img{display:inline-block;text-align:center;}
ではだめでしょうか？
投稿2018/04/09 14:25
総合スコア19
あなたの回答
tips
プレビュー
