WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headers

for

From: Heather Parker
Date: Jan 14, 2011 3:36PM

Perfect. I just appended it onto the end.

.pageMainAreaHeader { color: #0132A7; font-size: 110%; font-weight: bolder; text-align: left; margin-bottom: 0; }

I assume that pageMainAreaSubHeader will be <h2>?

In learning html, I sort of jumped right over the Hn's. I went from doing things like <center><b>title</b></center> to working webpages with style sheets.

Heather

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Jukka K. Korpela
Sent: Friday, January 14, 2011 2:04 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Headers

Heather Parker wrote:

> <h1 class="pageMainAreaHeader"> is what I ended up using instead of
> <span class="pageMainAreaHeader">, but I'm getting an extra line
> under the header.

If you switch from, say, <span> to <h1>, which is a good move for the 1st
level heading, then you need to take into account that elements like <h1>
have default formatting. For example, to remove the default bottom margin
for <h1>, looking like an empty line, you can use
h1 { margin-bottom: 0; }
in your CSS code.

--
Yucca, http://www.cs.tut.fi/~jkorpela/