Q&A
エラー図の画像のように表示されている、エラーメッセージ表示部分は、どのようなHTMLになっているのでしょうか？ ブラウザの「ソースを表示」から、当該箇所をコピペするか、またはブラウザの開発ツールで、レンダリング結果のHTMLの該当箇所をコピペするかして、質問に追加するとより問題が分かりやすいかもしれません。
rails 5 チュートリアル挑戦中！エラーメッセージ表記について質問です
cssを特に設定しているわけでもないのに、<ul><li></li></ul>なのに、
ドットも出ず、なぜかアラートが横並びで表記されてしまいます。
なぜ？どうして？どう対処すると縦並び、ドットがでてくるのでしょうか？
_error_messages.html.erb
<% if @user.errors.any? %> <div id="error_explanation"> <div class="alert alert-danger"> The form contains <%= pluralize(@user.errors.count, "error") %>. </div> <ul> <% @user.errors.full_messages.each do |msg| %> <li><%= msg %></li> <% end %> </ul> </div> <% end %>
application.html.erb
<body> <%= render 'layouts/header' %> <div class="container"> <% flash.each do |message_type, message| %> <div class="alert alert-<%= message_type %>"><%= message %></div> <% end %> <%= yield %> <%= render 'layouts/footer' %> <%= debug(params) if Rails.env.development? %> </div> </body>
エラー図
https://gyazo.com/4631e90c2c942e71e1b48b7ad96f1d29
理想図
https://gyazo.com/4674de23a8ca402be903d6c982d1fd13
どうぞよろしくお願いいたします。
実はCSSが当たってる説濃厚
teratailでは画像もアップできますので、ご自信で所持されている画像であればそちらを使用されてはいかがでしょうか。（画像として質問文に表示されますし）
回答2件
0
明らかに CSS の問題なので，当たっているスタイルを調べましょう。
大概のブラウザーには，DOM ツリーを表示し，各要素にどんなスタイルが当たっているかを調べるツールが内蔵されています。
Firefox を例にとると，件のエラーメッセージの上にカーソルを当ててコンテキストメニューを出します（右クリックとか）。そして「要素を調査」を選択します。他のブラウザーでもメニュー項目名がちょっと違うだけでだいたい同じだと思います。
すると，インスペクターというものが表示され，一端に DOM ツリーが，他端にスタイルが表示されます。
DOM ツリー上の要素をクリックして，別の要素の情報を見ることもできます。
こうすることで，ul 要素や li 要素にどんなスタイルが当たっているか，またそのスタイルはどの CSS ファイルの何行目で定義されているのか，といったことが分かります。
投稿2018/02/11 01:14
総合スコア2108
0
こんにちは。Gyazo というサイトにアカウントを作らないと、見れないんですね。不安なので、アカウントは作りません。
投稿2018/02/10 23:55
総合スコア200
私は Gyazo のアカウントを持っていませんが，画像は見られました。（念のため，ログインしてないことを確認しました）
うーん，なんででしょうね？
あなたの回答
tips
プレビュー
