|
|
Posted by Spartanicus on 03/18/06 03:01
Martin Clark <martin@spl.at> wrote:
>>This is a case where semantic <em> or <strong> markup is appropriate.
>>
>Okay. done that. What is the difference between <i> and <em>?
<i> tells a browser to render text in italics, it's presentational, not
semantic. <em> marks up text as having emphasis which is typically
italicized by browsers, it's semantic.
> What about
>a "Top of Page" link on longer pages? Is that good practice?
Replicating common browser controls such as the back function or the
start or end of document controls into the document itself is not good
practice.
>>Markup the navbar as an unordered list, use CSS to specify a bottom
>>border on the masthead or a top border on the navbar.
>>
>I was under the impression that items in a list would appear one under
>the other. I have never made them appear horizontally before. I will
>need to look up how to achieve that.
ul li{display:inline}
To then center the links as your current page has done:
ul{text-align:center}
More info http://www.alistapart.com/articles/taminglists/
>>>I have reserved <h1> for the titles of each page within the site. This
>>>is the home page and doesn't have one. I want Google to give greater
>>>priority to picking up the subject of each page rather than picking up
>>>the name of the society.
>>
>>The subject of the home/index page *is* the name of the society.
>>
>Point taken! However, I want the same style sheet to work for every page
>and can't have <h1> doing different things on different pages.
There you have an example where classes and id's are necessary.
>>>>Fix your alt text, the logo is merely decorative, use alt="".
>>>
>>>Surely a matter of personal preference?
>>
>>No, disable graphics and the "Huddersfield Canal Society" title of the
>>page is repeated twice.
>>
>Okay. Won't it then run foul of accessibility guidelines that want
>images to have alt text?
Not if the image is decorative as is the case here. Had the text not
been there, *then* the image should have alt="Huddersfield Canal
Society" and wrapped in a level one header for the home/index page.
>What does a reader say to a "|" ?
"Bar", or "Pipe". Although less annoying, it should also be avoided. The
fact that it's marked up as a list should result in the items being
rendered by aural browsers with sufficient distinction (pauses),
possibly the start and end of the list will also be spoken.
>How would I separate them with CSS - using <span>s or unordered lists
>(which I need to learn about)?
ul li{border-left:1px solid white}
You then add a class to the left most <li> so that you can suppress the
border so that it only appears in between navbar links.
ul li.first{border:none}
--
Spartanicus
Navigation:
[Reply to this message]
|