Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

html text formatting question

Posted on 2010-09-07
4
Medium Priority
?
202 Views
Last Modified: 2012-05-10
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

0
Comment
Question by:seopti
  • 2
  • 2
4 Comments
 
LVL 2

Expert Comment

by:bureshd
ID: 33621258
Place all three <a> tags in one Div. Otherwise, you will need to style the 3 divs to line up on the same line.
0
 
LVL 2

Expert Comment

by:bureshd
ID: 33621265
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

0
 

Author Comment

by:seopti
ID: 33621307
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?
0
 

Accepted Solution

by:
seopti earned 0 total points
ID: 33621429
style="display:inline" is the solution
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

578 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question