Previous Message
Next Message

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

Sent by aardvark on 5 August 2002 12:12


> From: "Austin, Darrel" [EMAIL-REMOVED]>
[...]
> On the tertiary page, I'd then like it to show:
> 
>   Section Title:
>   <h1>Tertiary Page Title</h1>
> 
> Sort of a pseudo bread-crumb thing.
> 
> My question is, what is the proper way to mark that up from a
> structural POV?

i don't believe breadcrumbs are part of a page header... i don't think 
they should exist in an <h#> element at all...

i tend to write the breadcrumb into a <p> and style that, but try to 
keep it grouped with the other navigation on the page, or near the 
page header...  sadly, i've never found an appropriate semantic or 
structural element that i think handles it, so i defer to placement 
and the trusty <p>...

on my own site, http://roselli.org/adrian/, the breadcrumb sits 
above the <h1> in another <div> altogether... it's also a fully-
functioning breadcrumb as opposed to a pseudo-breadcrumb...

[...]
>   <h1>Section Title</h1>
>   <h2>Tertiary Page Title</h2>
> 
> but the catch there is that I'd have to define different styles to the
> H1 tag based on which level page you are on, not to mention that I'd
> have to use <h3> for section heads on the page on the secondary level
> page.

not to mention i don't feel that it's structurally or semantically 
correct... the <h#> elements, IMO, should be headers for the page 
content, not the site *and* page content all in one... what happens 
when you get 7 levels deep?  <h8> is right out...

[...]
>   <h1><span class="breadcrumbTitle">Section Title</span>
>   Tertiary Page Title</h1>
> 
> Thoughts?

eww... the dreaded <span>... section title doesn't belong in the 
<h#> IMO... sit it outside like i mention above...



--
Read the evolt.org case study
Usability: The Site Speaks for Itself
http://amazon.com/exec/obidos/ASIN/1904151035/evoltorg02-20
ISBN: 1904151035

From [EMAIL-REMOVED]  Mon Aug  5 12:13:16 2002
From: [EMAIL-REMOVED] (Perry Molendijk)
Date: Mon Aug  5 11:13:16 2002
Subject: [css-d] odd float behaviour in IE6
Message-ID: <004201c23c91$d67ac610$72ae3bcb@inflexions>

inflexions.com: homeIs there any explaination as to why a floating div
doesn't show in IE6 / Win 2000 when the containing div's position is
explicitly set to relative?

Have a look at the 2 URLs below:

http://members.iinet.net.au/~xions/dev/test/test_1.html

http://members.iinet.net.au/~xions/dev/test/test_2.html

As you can see IE makes the space for the float but doesn't render the
image. If you refresh very quickly a number of times you can see the image
appear momentarily. The only difference between the two is this in the CSS:

.centerBox {
 position:relative;
...
...
}

When the "position:relative" is removed all is fine. I thought relative is
the default value for position anyway.
There probably is no explaination but perhaps it's usefull for someone.

cheers,



Perry Molendijk
Inflexion (WA) Pty Ltd
http://members.iinet.net.au/~xions/index.html
[EMAIL-REMOVED]
+61 0401 677 453
Previous Message
Next Message

Possibly related: