Agile Web Development p.89

I’ve been following along just fine with the depot app, up until I make
the catalog, where, when the price is displayed with formatting, the
price shows up underneath the

bar for the next item in the
catalog.

If, in index.rhtml, I change the to just , or
equivalently, remove the entire <span…> tag, it works just fine, but
with no font/color modification. I can’t quite figure out where the
problem lies, so any help would be appreciated.

If you post your css code & rhtml code it would help to see what the
problem may be.

thanks,
will clark // graphic design
www.willclarkdesigns.com/

[email protected]
559 | 584 6785
559 | 380 2731 [ facsimile ]

Sorry, because I need to give you a quick answer here (no time to trace
back
my own work) but I had the same issue. Strangely enough a few
iterations
forward seemed to automagically correct that issue.

Hope this helps and appologize for the quick answer but it seemed like
some
formatting was added on in the iterations that corrected it.

Stuart

Thanks for the help, @Dark A.: Glad to know I’m not the only one.
Here’s my code if someone wants to take a look:

[index.rhtml]

Your Pragmatic Catalog

<% for product in @products -%>



<%= h(product.title) %>


<%= product.description %>
<%= product.price %>

<% end %>

[depot.css (truncated)]
#store .entry {
border-bottom: 1px dotted #77d;
}

#store .title {
font-size: 120%;
font-family: sans-serif;
}

#store .entry img {
width: 75px;
float: left;
}

#store .entry h3 {
margin-bottom: 2px;
color: #227;
}

#store .entry p {
margin-top: 0px;
margin-bottom: 0.8em;
}

#store .entry .price-line {
}

#store .entry .add-to-cart {
position: relative;
}

#store .entry .price {
color: #44a;
font-weight: bold;
margin-right: 2em;
float: left;
}

Thanks in advance for any help.

Will C. wrote:

If you post your css code & rhtml code it would help to see what the
problem may be.

thanks,
will clark // graphic design
www.willclarkdesigns.com/

[email protected]
559 | 584 6785
559 | 380 2731 [ facsimile ]