CSS for H1 tag

Hi,

I need to put my product titles in an h1 tag, but still keep the font the
same size it is now, plus, not change the size of any other h1 tags
throughout the site.

How would I do this? My site has a style sheet, but I don't know much about
css. But I can copy and paste!

Thanks, J

JA wrote:

Hi,

I need to put my product titles in an h1 tag, but still keep the font the
same size it is now, plus, not change the size of any other h1 tags
throughout the site.

How would I do this? My site has a style sheet, but I don't know much about
css. But I can copy and paste!

Thanks, J

For your markup:

<h1 class="product-title">Magic Wonder Box</h1>



For your CSS:

h1.product-title
{
font-size: inherit;
}

Thanks Jeremy!

That did it!


"Jeremy" <jeremy (AT) pinacol (DOT) com> wrote

JA wrote:
Hi,

I need to put my product titles in an h1 tag, but still keep the font the
same size it is now, plus, not change the size of any other h1 tags
throughout the site.

How would I do this? My site has a style sheet, but I don't know much
about css. But I can copy and paste!

Thanks, J

For your markup:

h1 class="product-title">Magic Wonder Box</h1



For your CSS:

h1.product-title
{
font-size: inherit;
}

Scripsit JA:

Thanks Jeremy!

That did it!

So you didn't actually test it, and neither did Jeremy. You didn't
bother even testing it on the two most widely used browsers, namely IE 6
and IE 7. (They don't support the value inherit, for any property.)

What you really _need_ to do is to reconsider this:

I need to put my product titles in an h1 tag, but still keep the
font the same size it is now, plus, not change the size of any
other h1 tags throughout the site.

You might be able to cheat some search engines some of the time, but the
punishment will come. For example, Google has some useful information
for web authors. It's much more useful than the information that "search
engine optimization" snakeoil merchants sell you.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/