473,404 Members | 2,195 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,404 software developers and data experts.

What is the proper structure of breadcrumb navigatoin?

Ray
I want to put a navigation bar on a page like:
<img> Home >> My Family >> My Daughters >> Melissa >> Three-year-old

First I used
<ul class="breadcrumb">
<li><img src="icon.gif" alt="icon"><a href="/">Home</a></li>
<li><a href="myfamily.html">My family</a></li>
<li><a href="mydaughters.html">My Daughters</a></li>
<li><a href="Melissa.html">Melissa</a></li>
<li>Three-year-old</li>
</ul>

But I don't think it is really a list; the items are not coordinate.
The HTML structure should show the subordinate relation of these
items. What is the proper structure of this situation?
I don't think it is good to struct it like this:

<div class="breadcrumb">
<h1><img src="icon.gif" alt="icon"><a href="/">Home</a></h1>
<h2><a href="myfamily.html">My family</a></h2>
<h3><a href="mydaughters.html">My Daughters</a></h3>
<h4><a href="Melissa.html">Melissa</a></h4>
<h5>Three-year-old</h5>
</div>

Then the headings in the content will have to start from h6 :(

Ant good ideas? to show the good structure?

thanks
Jul 20 '05 #1
2 4078
lo****@mail.com (Ray) wrote in
news:de************************@posting.google.com :
I want to put a navigation bar on a page like:
<img> Home >> My Family >> My Daughters >> Melissa >>
Three-year-old

[...]

Ant good ideas? to show the good structure?


Breadcrumb Trailers are discussed in the article below:

Taming Lists
http://www.alistapart.com/stories/taminglists/

--
Kayode Okeyode
http://www.kayodeok.btinternet.co.uk.../webdesign.htm
Jul 20 '05 #2
Ray
kayodeok <ne*********@btopenworld.com> wrote in message news:<Xn*************************@130.133.1.4>...
Taming Lists
http://www.alistapart.com/stories/taminglists/


Thanks Kayodeok, that makes sense
<div id="bread">
<ul>
<li class="first">Home
<ul>
<li>» Products
<ul>
<li>» Computers
<ul>
<li>» Software</li>
</ul></li>
</ul></li>
</ul></li>
</ul>
</div>
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Eric | last post by:
I am looking for a breadcrumb class in PHP that does not rely on the directory structure to build the trail. I have been using Richard Baskettes - http://www.baskettcase.com/classes/breadcrumb/...
23
by: darwinist | last post by:
What PHP Represents There is no shortage of complaints one could make about php as a language, and although the list does shrink with each release, some of them are inherent to the origins and...
2
by: Simon Harris | last post by:
Hi All, Anyone done a bread crumb trail in asp.net? I mean the type of navigation you can see above - 'Viewing: bla > bla2 > bla3' I need to develop one for a site i'm working on, just not...
1
by: TG | last post by:
I would like to know how to create a breadcrumb trail or menue in ASP.NET/VB.NET. Could someone please help me with this? Thank you. TG
3
by: Mark | last post by:
I can envision a situation where I want part of our site to be navigated using a TreeView, and ALL of our site to have a Breadcrumb (SiteMapPath control). Is there a way to maintain a single...
3
by: DBdealer via DotNetMonster.com | last post by:
I'm trying to build a breadcrum navigation bar for my website....please can some one suggest me ways...It's a 100 page site and I need it for navigation with the site....Thank you -- Message...
0
by: Boris Twila | last post by:
How de do? My menu and breadcrumb trail use the sitemap file. I have things in my sitemap that I want to show up in my breadcrumb trail, but not in my menu. How to do?
0
by: naveedkamboh | last post by:
Hi all, I am generating a mymenu.xml file frm database for my web site. Also I am using XSL to read mymenu.xml Its working fine for me. But I am unable to create sitemampath or breadcrumb....
1
by: AR123 | last post by:
I am trying to create a breadcrumb trail. I am using the following code below to bring in the pages. This is using media surface. Can anyone help as I cant get it to work? <p align="left"...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.