H1 H2 H3 etc

Hi there,

Is there a way to make H1 have multiple mouse over and click states
independant of each other.

something like


h1 {
font-family:'Tempus Sans ITC','Tahoma';
font-weight: bold;
font-size: 20px;
color: #000000;
margin: 0.3em 0;
}
h1 a {
(or a.h1) font-family:'Tempus Sans ITC','Tahoma';
font-weight: bold;
font-size: 20px;
color: #fe0000;
margin: 0.3em 0;
}

Thanks

h1 {
font-family:'Tempus Sans ITC','Tahoma';
font-weight: bold;
font-size: 20px;
color: #000000;
margin: 0.3em 0;
}

This is fine, except you need to have a fall-back generic font in the family
list, e.g.,

font-family:'Tempus Sans ITC', Tahoma, sans-serif;

and you do not need quotes around Tahoma - only multiple-word font names are
quoted.

h1 a {
(or a.h1) font-family:'Tempus Sans ITC','Tahoma';
font-weight: bold;
font-size: 20px;
color: #fe0000;
margin: 0.3em 0;
}

a.h1 is an entirely different selecter than h1 a, and would only apply to
this -

<a class="h1"....

Notwithstanding those comments, I have no earthly idea what question you are
asking. Can you try again?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Prellyan Luxtintner" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi there,

Is there a way to make H1 have multiple mouse over and click states
independant of each other.

something like


h1 {
font-family:'Tempus Sans ITC','Tahoma';
font-weight: bold;
font-size: 20px;
color: #000000;
margin: 0.3em 0;
}
h1 a {
(or a.h1) font-family:'Tempus Sans ITC','Tahoma';
font-weight: bold;
font-size: 20px;
color: #fe0000;
margin: 0.3em 0;
}

Thanks

is this helpful wht u wanted?


h1 a:hover {
font-family:'Tempus Sans ITC', 'Tahoma';
background-color: #00FFFF;
width: 75px;
font-weight: bold;
font-size: 20px;
color: #003366;
margin: 0.3em 0;
}

seomax
yup that has got it -- thanks
murray thanks for the tip on the fonts
Prellyan

"seomax" <webforumsuser (AT) macromedia (DOT) com> wrote

is this helpful wht u wanted?


h1 a:hover {
font-family:'Tempus Sans ITC', 'Tahoma';
background-color: #00FFFF;
width: 75px;
font-weight: bold;
font-size: 20px;
color: #003366;
margin: 0.3em 0;
}

That will select any "a" element which is in a hover state that is a descendant of a "h1" element, and give it that styling - if that's what you want.


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--