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

我尝试过改变几件事,但现在成功随之而来。对此的任何和所有输入将不胜感激。(命名您最喜欢的 Rails 书籍以供学习的 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 回答