0

私はこれに数時間苦労していて、見つけたすべての解決策を試しましたが、運がありませんでした。それでも、本からDepotの例を実行する最初の試みは、CSSを適用せずに実行されています。

chromeがapplication.css、scaffolds.css、products.cssがロードされたことを示しているので、scssはコンパイルされていると確信しています。scssではなく他のcssファイルを作成しようとしましたが、運が良かったので、一部のスタイルのみが適用されました。残りはユーザーエージェントのスタイルシートと一致し、scaffolds.cssプロパティの一部を継承しますが、重要なものではありません。

application.html.erbにすべてのcssをロードしています：

<%= stylesheet_link_tag "application", :media => "all" %>

そして同じファイルで私は次のクラスを宣言しています：

<body class="<%= controller.controller_name %>">

products/index.html.rbのテーブルは珍しいことではありません。

<table>

<% @products.each do |product| %>
  <tr class="<%= cycle('list_line_odd', 'list_line_even') %>">
    <td><%= image_tag(product.image_url, class: 'list_image') %></td>
    <td class="list_description">
      <dl>
        <dt><%= product.title %></dt>
        <dd><%= truncate( strip_tags( product.description ), lenght: 80) %></dd>
      </dl>
    </td>
    <td class="list_actions">
      <%= link_to 'Show', product %><br/>
      <%= link_to 'Edit', edit_product_path(product) %><br/>
      <%= link_to 'Delete', product, confirm: 'Are you sure?', method: :delete %>
    </td>
  </tr>
<% end %>
</table>

およびproducts.scss（.css.scssから名前を変更しようとしましたが、変更はありません）

    .products {

    ​  table {
        border-collapse:  collapse;
      }
      ​
      table tr td {
        padding:5px;
        vertical-align:top;
      }
      ​
      .list_image {
        width:60px;
        height:70px;
      }
      ​
      .list_description {
        width:60%;
        ​
        dl {
          margin:0;
        }
        ​
        dt {
          color: #244;
          font-weight:bold;
          font-size:larger;
        }

        dd {
          margin:0;
        }
      }

    ​  .list_actions {
        font-size:x-small;
        text-align:right;
        padding-left:1em;
      }

    ​  .list_line_even {
        background: #e0f8f8;
      }

    ​  .list_line_odd {
        background: #f8b0f8;
      }
}

そして私のapplication.cssは次のようになります：

/*
 *= require_self
 *= require_tree .
 */

そして、どうやら、何かが間違っています。私はRails3.2.12とRuby1.9.3で実行しています。Ruby on Railsは私にとっては初めてのことですが、何かを学びたいという強い衝動を感じます（そして、学ぶ時間はありますが、今後数か月は起こらないかもしれません）が、このように立ち往生していると、時間を失い、何も学びません-またはほとんど何も-新しい:)

それが答えられて、私がたまたま正しい答えを見つけられなかった場合、大きな謝罪、ちょうど私を正しい方向に向けて、スラスターキックを与えてください。

4

3 に答える 3

1

/ app / Assets /stylesheets/の下のproducts.scssではなくproducts.css.scssである必要があります

サンプルテーブルを調べながら、テーブルの上にclass="products"を含むdivタグを配置します。

<div class="products">
  <table>
  </table>
</div>
于 2013-02-25T15:19:41.480 に答える
1

私はそれを解決し始めました。CSSバリデーターは、エラーがあることを示しました。

遭遇： "\ u200b"（8203）、後： ""

だから今、私は本からコピー/ペーストせずに文字ごとに手作業でコードを入れています。tmp/cacheとpublic/application.cssを削除した後は機能しているようです

于 2013-02-25T19:10:19.463 に答える
0

テーブル宣言にはクラスが必要なので、インデックスファイルでは次のようになります。

<table class ="products">

本もダウンロード可能なファイルもそのようにはありませんが、正誤表を掘り下げると答えが得られました。https://pragprog.com/titles/rails4/errata

于 2015-02-23T12:38:48.850 に答える