Re: [css-d] two colored headers

[david]

What is the purpose of the span? Screenreader users won't see the
colors. If it's for emphasis, you might want to do something like this
instead:

Markup:
h1strongLeroy/strong emJenkins/em/h1

CSS:
h1.strong {color:blue;}
h1.em {color:red}

Add additional CSS settings to each of the above to change what the
browser defaults will be doing to those tags.

An advantage to this approach vs setting Leroy's color in the header tag 
is that you're free to use h1 tags elsewhere without them also being 
Leroy's color. Plus screenreaders can properly indicate the different 
degrees of emphasis.

Ben Liu wrote:
 Apologies if this has been answered before. What is the semantically
 correct method of coding a two color header? Is this the optimal
 syntax:
 
 h1span class=blue_part_of_the_headerLeroy/spanspan
 class=red_part_of_the_headerJenkins/span/h1
 
 .blue_part_of_the_header {color: blue;}
 .red_part_of_the_header {color: red;}
 
 Thanks for any help.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] two colored headers

[Ben Liu]

Apologies if this has been answered before. What is the semantically
correct method of coding a two color header? Is this the optimal
syntax:

h1span class=blue_part_of_the_headerLeroy/spanspan
class=red_part_of_the_headerJenkins/span/h1

.blue_part_of_the_header {color: blue;}
.red_part_of_the_header {color: red;}

Thanks for any help.

- Ben Liu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] two colored headers

[cj]

i think spans are the way to go for this situation, but i think you'll
find that naming your classes something meaningful (such as
first-name and last-name) is a better practice than naming them by
color.

h1span class=first-nameLerrroyy/spanspan
class=last-nameJenkins/span/h1

hth
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] two colored headers

[Ben Liu]

Thanks for response cj, and for correcting my spelling of Lerryyy. :-)

On 1/27/06, cj [EMAIL PROTECTED] wrote:
 i think spans are the way to go for this situation ...
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] two colored headers

[David Hucklesby]

On Fri, 27 Jan 2006 09:25:37 -0600, cj wrote:
 i think spans are the way to go for this situation, but i think you'll
 find that naming your classes something meaningful (such as
 first-name and last-name) is a better practice than naming them by
 color.
 
 h1span class=first-nameLerrroyy/spanspan
 class=last-nameJenkins/span/h1
 
You can do this with *no* class names and only one SPAN, viz:
HTML
h1Lerrroyy spanJenkins/span/h1
CSS
h1 {color: blue;}
h1 span {color: red;}
 
Less is more  :-)
Cordially,
David
-- 
David Hucklesby, on 1/27/2006
http://www.hucklesby.com/
--



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/