Previous Message
Next Message

[css-d] Proper structural way to add a H1 lead-in/breadcrumb?

Sent by Mark Newhouse on 6 August 2002 15:03


>> http://realworldstyle.com/breadcrumb_lists.html
>> 
>> CSS is in the file. I used UL, but you could easily use OL as well.
> 
> ok, that's pretty sweet... and sounds structurally correct...

Thanks...

> i have one minor nitpicky point though...
> 
> why are they stuffed into a <div>?  a <ul> or <ol> is block level,
> and can contain the id you use... none of your selectors rely on the
> <div> being there, so why not dump the <div> altogether?
> 
> makes for more pure HTML, and you're not inserting tags just to hold
> style...

Since this is a part of a larger article, I separated the examples into
DIVs. But you are right, the ID could just as easily been applied to the UL.

Actually, in the site I do for my real job, we have a breadcrumb trail on
the left, and our logo and contact email on the right, all in one horizontal
blue stripe across the top and/or bottom of the page. It is currently in a
table, but when we redesign it will go into a DIV, but the DIV will contain
more than just the breadcrumbing.

> as i said on evolt.org's list, <div> is a gateway tag... ok, rudy
> thinks it's witty...

Heh. But gateway to what? XML?

It's true - there is just a dangerously short step from

<div id="breadcrumb"></div>
 to 
<breadcrumb></breadcrumb>

</tongue style="position: cheek">

> btw, you gonna set this up as a tutorial anywhere?  i have an ASP
> tutorial for making breadcrumbs
> (http://roselli.org/adrian/articles/breadcrumbs.asp) over at
> evolt.org (the site is down for a couple days for a server move,
> otherwise i'd offer that link instead of the one to my site), and
> this would make a great follow-up to that...

The article is about 85% finished and covers a bunch more about lists. When
I'm done and it's up, I'll let the list know where to find it.

> i do plan on filching this...

No problem. Glad you like it :)

Best,

-- Mark Newhouse
   http://realworldstyle.com/
   css layouts, tips, tricks and techniques
Previous Message
Next Message

Message thread:

Possibly related: