asked on

html text formatting question

When you preview the code you will see there are 3 different lines as a result:
Dresses ›
Real Dresses ›
Real Green Dresses

Is it possible to show it all on a single line:
Dresses › Real Dresses › Real Green Dresses

This example has been copied from:
http://www.google.com/support/webmasters/bin/answer.py?answer=185417

But it seems they are showing it wrong in this example because the result does not appear in a single line.

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

Open in new window

bureshd

Place all three <a> tags in one Div. Otherwise, you will need to style the 3 divs to line up on the same line.

bureshd

Such as:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

Open in new window

seopti

ASKER

Thanks, I have tried this but it breaks the microformat.

It is mandatory there is a <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"></div> with each breadcrumb link.

Is there a different solution?

ASKER CERTIFIED SOLUTION

seopti

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial