# Agile Web Development p.89

**URL:** <https://www.ruby-forum.com/t/agile-web-development-p-89/63015>\
**Category:** Rails\
**Created:** [June 10, 2006, 5:40pm UTC](https://www.ruby-forum.com/t/agile-web-development-p-89/63015 "2006-06-10T17:40:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![brblakley](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/f14d63/32.png) [@brblakley](https://www.ruby-forum.com/u/brblakley)\
**Post date:** [June 10, 2006, 5:40pm UTC](https://www.ruby-forum.com/t/agile-web-development-p-89/63015/1 "2006-06-10T17:40:03Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![brblakley](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/f14d63/32.png) [@brblakley](https://www.ruby-forum.com/u/brblakley)\
**Post date:** [June 10, 2006, 6:01pm UTC](https://www.ruby-forum.com/t/agile-web-development-p-89/63015/2 "2006-06-10T18:01:11Z")

</div>

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/](http://www.willclarkdesigns.com/)

removed\_email\_address@domain.invalid  
559 | 584 6785  
559 | 380 2731 [facsimile]

---

<div class="post-metadata">

**Author:** ![brblakley](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/f14d63/32.png) [@brblakley](https://www.ruby-forum.com/u/brblakley)\
**Post date:** [June 10, 2006, 6:53pm UTC](https://www.ruby-forum.com/t/agile-web-development-p-89/63015/3 "2006-06-10T18:53:04Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![brblakley](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/f14d63/32.png) [@brblakley](https://www.ruby-forum.com/u/brblakley)\
**Post date:** [June 11, 2006, 5:04am UTC](https://www.ruby-forum.com/t/agile-web-development-p-89/63015/4 "2006-06-11T05:04:20Z")

</div>

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/](http://www.willclarkdesigns.com/)
> 
> removed\_email\_address@domain.invalid  
> 559 | 584 6785  
> 559 | 380 2731 [facsimile]