Re: [css-d] H tags and style
Tim Arnold wrote: The beauty of CSS is that you can style your H2s to be larger than your H1s. There's even more beauty: you can style some text as prominently as you like without even making it a heading at all. It often happens that people want to highlight e.g. a company name or a campaign name appearing before a page heading. Normally such texts are logically not headings at all, and there's no need to use heading markup for them. You can use markup, typically with a class attribute, and style the element "from scratch". The difference between this approach and using heading markup is that the latter implies, in practice, some default rendering (typically, top and bottom margin, large font size, and bolding), and you need to explicitly override it if you don't want it. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H tags and style
> And an inside page might be...?
>
> p.tagline {font-size: 100% } /*source document title: solid bricks*/
> h1{font-size: 125%} /*sub: solid colored bricks*/
> h2 {font-size: 150%}/*sub: solid umber colored bricks*/
> h3 {font-size: 150%}/*sub: solid burnt sienna colored bricks*/
> h4 {font-size: 150%}/*sub: solid sienna colored bricks*/
> h5 {font-size: 150%}/*sub: solid dark ochre colored bricks*/
> h6 {font-size: 150%}/*sub: solid ochre colored bricks*/
>
> Best,
> Vincent
It seems to me that this would be:
p.tagline {font-size: 100% } /*source document title: solid bricks*/
h1{font-size: 125%} /*sub: solid colored bricks*/
h2 {font-size: 150%}/*sub: solid umber colored bricks*/
h2 {font-size: 150%}/*sub: solid burnt sienna colored bricks*/
h2 {font-size: 150%}/*sub: solid sienna colored bricks*/
h2 {font-size: 150%}/*sub: solid dark ochre colored bricks*/
h2 {font-size: 150%}/*sub: solid ochre colored bricks*/
unless I'm just not good at color, and burnt sienna is a shade of umber.
---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H tags and style
On 11/22/10 10:46 AM, Giles, Sarah wrote:
I am working on a large site with some designers.
I have been told to have the h1 tags below the h2 and h3 tags because they want
the headlines that are lower on the page to be larger and more important then
the ones higher up.
I think I will still encapsulate this part of the site in a div so as not to
through off styles from the rest of the site. What do you guys think? Should
what tags should I use. The style they want the tags to be is styled h1 for the
site they think (they are having trouble nailing down a style guide for this
project)
Sarah Giles
Dear Theo, that always confuses me, too... and I'm not so sure it is
on-topic, but either way, fwiw:
w3c: "Headings should reflect the logical structure of the document;
they should not be used simply to add emphasis, or to change the font size."
Taken literally, I suppose you might have something this on the index...?
h1 {font-size: 100%}/*source document title: bricks*/
h2 {font-size: 125%}/*sub-title: solid bricks*/
h3 {font-size: 150%}/*sub: solid colored bricks*/
And an inside page might be...?
p.tagline {font-size: 100% } /*source document title: solid bricks*/
h1{font-size: 125%} /*sub: solid colored bricks*/
h2 {font-size: 150%}/*sub: solid umber colored bricks*/
h3 {font-size: 150%}/*sub: solid burnt sienna colored bricks*/
h4 {font-size: 150%}/*sub: solid sienna colored bricks*/
h5 {font-size: 150%}/*sub: solid dark ochre colored bricks*/
h6 {font-size: 150%}/*sub: solid ochre colored bricks*/
Best,
Vincent
--
:: desktop and mobile ::
http://chelseacreekstudio.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H tags and style
On Mon, Nov 22, 2010 at 9:46 AM, Giles, Sarah wrote: > I am working on a large site with some designers. > I have been told to have the h1 tags below the h2 and h3 tags because they > want the headlines that are lower on the page to be larger and more important > then the ones higher up. "Important" is biased. CSS lets you change styles so h6 tags look infinitely bigger than h1's if you want. > I think I will still encapsulate this part of the site in a div so as not to > through off styles from the rest of the site. What do you guys think? Should > what tags should I use. The style they want the tags to be is styled h1 for > the site they think (they are having trouble nailing down a style guide for > this project) I would politely suggest the "strong copy" approach, if you think they'll eat up buzzwords. Multiple h1 tags will be seen as too many book titles when they should just be chapters. That's perhaps one use this CSS thing: to style down the h1's if they want and blow up the h3's. Of course, that's for us snooty CSS users. While the question of markup may or may not apply here, the topic of CSS does, in which case you can say "It doesn't matter what tags we use, CSS will let us make it look the way we want to. So let's take the sane/questionable/crazy method of ..." and apply your own ending as desired. -- Jack Timmons @_Codeacula Trollfree: 8503290326 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H tags and style
On Mon, Nov 22, 2010 at 10:46 AM, Giles, Sarah wrote: > I am working on a large site with some designers. > I have been told to have the h1 tags below the h2 and h3 tags because they > want the headlines that are lower on the page to be larger and more > important then the ones higher up. > > I think I will still encapsulate this part of the site in a div so as not > to through off styles from the rest of the site. What do you guys think? > Should what tags should I use. The style they want the tags to be is styled > h1 for the site they think (they are having trouble nailing down a style > guide for this project) > > Sarah Giles > Hey Sarah, The beauty of CSS is that you can style your H2s to be larger than your H1s. Never pick an HTML tag because of how it looks, pick it because of what it means. You should always use a good semantic structure and that means a single H1 per page (unless you're using html5 doctype) with H2s below that in the *structure of the content*, and H3s subordinate to the H2s, etc. -Tim -- - tim.arn...@gmail.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] H tags and style
I am working on a large site with some designers. I have been told to have the h1 tags below the h2 and h3 tags because they want the headlines that are lower on the page to be larger and more important then the ones higher up. I think I will still encapsulate this part of the site in a div so as not to through off styles from the rest of the site. What do you guys think? Should what tags should I use. The style they want the tags to be is styled h1 for the site they think (they are having trouble nailing down a style guide for this project) Sarah Giles __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
