Solved

html text formatting question

Posted on 2010-09-07
4
193 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
style="display:inline" is the solution
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

771 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now