0

現在、「Rails を使ったアジャイル Web 開発」で ruby​​ on rails を学んでいるのですが、修正できないエラーが発生しました。これまでのところ、いくつかの基本的な操作しか行っていません。次のようなコマンドで足場を作成しました。

rails generate scaffold Product title:string description:text image_url:string price:decimal

それから私はそれを掻き集めました：

rake db:migrate

それが実行されたら、db/seeds.db ファイルに入り、この新しく作成されたテーブルに次のデータを入力しました。

Product.delete_all
Product.create(:title => 'Web Design for Developers',
               :description => 
               %{<p>
               <em>Web Design for Developers</em> will show you how to make your
               web-based application look professionally designed. We'll help you
               learn how to pick the right colors and fonts, avoid costly interface
               and accessibility mistakes -- your application will really come alive.
               We'll also walk you through some common Photoshop and CSS techniques
               and work through a web site redesign, taking a new design from concept
               all the way to implementation.
               </p>},
               :image_url =>   '/images/rails.png',    
               :price => 42.95)
# . . .
Product.create(:title => 'Programming Ruby 1.9',
               :description =>
               %{<p>
               Ruby is the fastest growing and most exciting dynamic language
               out there. If you need to get working programs delivered fast,
               you should add Ruby to your toolbox.
               </p>},
               :image_url => '/images/rails.png',
               :price => 49.50)
# . . .

Product.create(:title => 'Rails Test Prescriptions',
               :description => 
               %{<p>
               <em>Rails Test Prescriptions</em> is a comprehensive guide to testing
               Rails applications, covering Test-Driven Development from both a
               theoretical perspective (why to test) and from a practical perspective
               (how to test effectively). It covers the core Rails testing tools and
               procedures for Rails 2 and Rails 3, and introduces popular add-ons,
               including Cucumber, Shoulda, Machinist, Mocha, and Rcov.
               </p>},
               :image_url => '/images/rails.png',
               :price => 43.75)

もう一度、このデータを取得しました。 

rake db:seed

これがすべて完了した後、localhost:3000/products をロードすると、すべて正常に動作しました。ただし、この本では、見栄えを良くするためにいくつかの css コードを追加したいと考えていました。CSS を追加すると (本に記載されていたとおり)、localhost:3000/products をロードしたときにエラーが発生しました (エラー: http://postimage.org/image/3qfpta4w7/ )。私のエラーはCSSに関係していると思いますが、どうすればよいかわかりません。これが私のcssです：

.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;
}
}

私はいくつかのことを変えようとしましたが、今では成功しています。これに関するすべての情報をいただければ幸いです。（お気に入りのレールブックに名前を付けて学ぶためのPSボーナスポイント）。

4

1 に答える 1

0

以下を確認してください 

  .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;
        }
    }
于 2012-06-12T06:03:33.933 に答える