Hi, I’m new to Ruby and Rails and am working my way through the Agile
Web D. with Rails book. Chapter 7.2 Add Page Decorations shows
how to pretty up the catalog display by creating
app/views/layouts/store.rhtml, modifying app/views/store/index.rhtml,
and creating a depot.css stylesheet in public/stylesheets/.
When I fire up http://localhost:3000/store I don’t get any errors, but
my screen is not formatted like the one in the book. I went over the
code carefully and even substituted the downloadable source code for
these three files but no joy. I’m working with a Firefox browser on
Windows. I upgraded Firefox to the latest version (1.5.0.6) but there’s
still no difference in the appearance. I tried using the IE browser and
it looks slightly different but still not like in the book.
My main problem is that the text doesn’t span properly, so the title and
description appear below the product image, and the price and Add to
Cart link are all squished up to the right of the description, like so:
5th product (in bold)
And yet another teensy desc. $3.95 Add to Cart
I thought maybe some of my images were too large, but I switched to the
downloaded sample images with still no difference.
Is there some other file I’m supposed to change that I’m just not aware
of? The previously-done admin listing works fine and looks like its
illustration in the book. Has anyone else run across this glitch?
Thanks,
Shauna