🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

Ruby on Rails

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

Q&A

解決済

1回答

672閲覧

<%= %>で囲んだ物にクラスをつけることができない

yukitodesu3

総合スコア10

Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

Ruby on Rails

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

0グッド

0クリップ

投稿2021/03/04 12:47

前提・実現したいこと

railsでwebアプリケーションを作っているのですが、<%= %>で囲んだ物にクラスをつけることができません。webで調べた方法で試したのですが、エラーが出て解決方法がわかりません。Bootstrapを使ってcssをデザインしています。

イメージ説明
のエラーが出ています。

該当のソースコード

show.html.erb

1<main> 2 <div class="container"> 3 <div class="col-lg"> 4 <div class="row row-eq-height"> 5 <div class="book-user-title"> 6 <h1>User info</h1> 7 </div> 8 <div class="table"> 9 <thead> 10 <tr> 11 <th class="col"><%= attachment_image_tag @user,:profile_image, :fill, 100, 100, format: 'jpeg', fallback: "no_image.jpg",:class "col" %></th> 12 <th class="col"><% if @user.id == current_user.id %></th> 13 </tr> 14 </thead> 15 <tbody> 16 <tr> 17 <td class="col">name</td> 18 <td class="col"><%= @user.name %></td> 19 </tr> 20 <% end %> 21 <h3 class="profile-introduction"> 22 <h3>introduction</h3> 23 <%= @user.introduction %> 24 </h3> 25 </tbody> 26 </div> 27 <div class="profile-item"> 28 <%= link_to edit_user_path(@user),method: :get do %> 29 <i class="fas fa-baby"></i> 30 <% end %> 31 </div> 32 </div> 33 <%= form_with model:@book_new, local:true do |f| %> 34 <div class="book-title"> 35 <h1>New book</h1> 36 <div class="book-list"> 37 <div class="book-item"> 38 <h4>Title</h4> 39 <%= f.text_field :title %> 40 </div> 41 <div class="book-item2"> 42 <h4>Opinion</h4> 43 <%= f.text_area :body %> 44 </div> 45 </div> 46 <div class="book-submit"> 47 <%= f.submit 'Create book' %> 48 </div> 49 </div> 50 <% end %> 51 </div> 52 <div class="col-lg"> 53 <div class="show-user-title"> 54 <div class="show-user-item"> 55 <h1>Book</h1> 56 </div> 57 <div class="show-user-img"> 58 <%= attachment_image_tag @user, :profile_image, :fill, 100, 100, format: 'jpeg', fallback: "no_image.jpg" %> 59 </div> 60 <div class="show-user-list"> 61 <%=link_to @book.title,book_path %> 62 <%= @book.body %> 63 </div> 64 </div> 65 </div> 66 </div> 67</main>

試したこと

https://qiita.com/s_tatsuki/items/a445e950efe974cac210
のサイトみてクラスをつけました。
お忙しいとは思いますが、回答いただけると幸いです。

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

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

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

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

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

guest

回答1

0

自己解決

<th class="col"><%= attachment_image_tag @user,:profile_image, :fill, 100, 100, format: 'jpeg', fallback: "no_image.jpg",:class "col" %></th>

このコードを

<th class="col"><%= attachment_image_tag @user,:profile_image, :fill, 100, 100, format: 'jpeg', fallback: "no_image.jpg",:class=>"col" %></th> に変えるとエラーが消えました。

投稿2021/03/04 12:55

yukitodesu3

総合スコア10

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問