|
Posted by Bergamot on 09/23/07 19:10
Joe Butler wrote:
> http://www.hertfordshire-it-support.co.uk/test-lfl/
>
> The thing about the <br> tag is it seems cleaner in the overal code
> structure
It would be even cleaner if you used correct markup for the different
page elements. Take the Activities page, for example. It's coded:
<div class="site-container">
<p class="article-title">Saturday Club</p>
<p class="article">
The Club runs for three hours on the second Saturday of each month...
That article-title class should be marked up as a heading, not a
paragraph. Use the right mark up for the context, and you can get rid of
a lot of superfluous class selectors. That 2nd <p> shouldn't need a
class selector at all.
<div class="site-container">
<h2>Saturday Club</h2>
<p>
The Club runs for three hours on the second Saturday of each month...
And in your stylesheet:
h2 { same rules currently assigned to .article-title }
..site-container p { same rules currently assigned to .article }
Of course, h2 assumes you have an h1 preceding it somewhere. I suggest
the banner graphic for lack of something better. You might expand on
that alt text while you're at it.
Those lists in the right column of that page should also be multi-level
lists. You can style the nested list so the margins are where you have
them now (margin-left:0;padding-left:0), and the bullet marker doesn't
show (list-style:none). That would be more semantically correct and
degrade better in virtually every browsing situation. Likewise, the
navigation should also be list mark up, which you can style however you
like. See
http://css.maxdesign.com.au/listamatic/
BTW, please don't top post.
http://web.presby.edu/~nnqadmin/nnq/nquote.html
--
Berg
Navigation:
[Reply to this message]
|