Hi -
I'm on FP 2003, Win XP Pro. This is a followup from an former post titled
"CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2 days ago
6/15/05).
I've tried to implement a CSS class (it's named 'gray') as was suggested,
but I'm doing something wrong. Here's the code I'm using: In the head, I've
got....

<style type="text/css">
a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
text-decoration: none;
font-weight: bold }
a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
text-decoration: none;
font-weight: bold }
a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
text-decoration: none;
font-weight: bold }
a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
text-decoration: none;
font-weight: bold }
a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
background color:"#C0C0C0"; text- decoration: none;
font-weight: bold }
a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
background color:"#C0C0C0"}
</style>

And in the body for the link I've got:
<a class="gray" href="index3.htm" target="_blank">HOME</a>

I should mention that MikeR actually suggested this in the body:
<a class="gray" href="index3.htm">HOME</a>
<a href="index3.htm">HOME</a>

But then I get 2 home links, so I don't know what he meant exactly. To be
honest, I'd rather do this with FP's CSS interface, but the only thing MikeR
mentioned was entering the class name into the style window/interface and I
don't really know the full steps to take with that. I do appreciate any
help...Thanks,..Frank

I still think this is your problem:
a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
background color:"#C0C0C0"}
Eleanor
"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Hi -
> I'm on FP 2003, Win XP Pro. This is a followup from an former post titled
> "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2 days ago
> 6/15/05).
> I've tried to implement a CSS class (it's named 'gray') as was
> suggested, but I'm doing something wrong. Here's the code I'm using: In
> the head, I've got....
>
> <style type="text/css">
> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
> background color:"#C0C0C0"; text- decoration: none;
> font-weight: bold }
> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
> background color:"#C0C0C0"}
> </style>
>
> And in the body for the link I've got:
> <a class="gray" href="index3.htm" target="_blank">HOME</a>
>
> I should mention that MikeR actually suggested this in the body:
> <a class="gray" href="index3.htm">HOME</a>
> <a href="index3.htm">HOME</a>
>
> But then I get 2 home links, so I don't know what he meant exactly. To be
> honest, I'd rather do this with FP's CSS interface, but the only thing
> MikeR mentioned was entering the class name into the style
> window/interface and I don't really know the full steps to take with that.
> I do appreciate any help...Thanks,..Frank
>
>

<style type="text/css">
a, a.gray { font-family: arial; font-size: 10pt; color:"#FFFFFF";
text-decoration: none;font-weight: bold }
a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
text-decoration: none;font-weight: bold }
a:hover { color:"#00FFFF"; background color:"#C0C0C0"; }
a.gray:hover { color:"#006699"; background color:"#C0C0C0"}
</style>

Note -

1. You should use pixels, ems, ens, exs, percent, or font size names rather
than points for a pixel based display. Points are a printed page measure.
2. The color value must be preceded by an octothorpe (#) - this was your
mistake.
3. You do not need to restate those styles that will cascade.
--
Murray
============

"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Hi -
> I'm on FP 2003, Win XP Pro. This is a followup from an former post titled
> "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2 days ago
> 6/15/05).
> I've tried to implement a CSS class (it's named 'gray') as was
> suggested, but I'm doing something wrong. Here's the code I'm using: In
> the head, I've got....
>
> <style type="text/css">
> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
> background color:"#C0C0C0"; text- decoration: none;
> font-weight: bold }
> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
> background color:"#C0C0C0"}
> </style>
>
> And in the body for the link I've got:
> <a class="gray" href="index3.htm" target="_blank">HOME</a>
>
> I should mention that MikeR actually suggested this in the body:
> <a class="gray" href="index3.htm">HOME</a>
> <a href="index3.htm">HOME</a>
>
> But then I get 2 home links, so I don't know what he meant exactly. To be
> honest, I'd rather do this with FP's CSS interface, but the only thing
> MikeR mentioned was entering the class name into the style
> window/interface and I don't really know the full steps to take with that.
> I do appreciate any help...Thanks,..Frank
>
>

To add to Murray's summary should not be using " around your colors:
a, a.gray {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
text-decoration: none;
}

a:hover {
background color: "#C0C0C0";
color: "#00FFFF";
}

a.gray:hover {
background color: #c0c0c0;
color: "#006699";
}

--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training - Next Session June 26th


"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Hi -
> I'm on FP 2003, Win XP Pro. This is a followup from an former post titled
> "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2 days ago
> 6/15/05).
> I've tried to implement a CSS class (it's named 'gray') as was
> suggested, but I'm doing something wrong. Here's the code I'm using: In
> the head, I've got....
>
> <style type="text/css">
> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
> text-decoration: none;
> font-weight: bold }
> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
> background color:"#C0C0C0"; text- decoration: none;
> font-weight: bold }
> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
> background color:"#C0C0C0"}
> </style>
>
> And in the body for the link I've got:
> <a class="gray" href="index3.htm" target="_blank">HOME</a>
>
> I should mention that MikeR actually suggested this in the body:
> <a class="gray" href="index3.htm">HOME</a>
> <a href="index3.htm">HOME</a>
>
> But then I get 2 home links, so I don't know what he meant exactly. To be
> honest, I'd rather do this with FP's CSS interface, but the only thing
> MikeR mentioned was entering the class name into the style
> window/interface and I don't really know the full steps to take with that.
> I do appreciate any help...Thanks,..Frank
>
>

Thanks to all for your tutorial(s) and the help. What would be a good
standard font measurement for general 12 pt paragraph-type text ? I have
never implemented any other type measurement, probably because I have no
starting point or sense of what is standard. Thanks,...Frank

"Cheryl D Wise" <cdwise.wiserways> wrote in message
news:(E-Mail Removed)...
> To add to Murray's summary should not be using " around your colors:
> a, a.gray {
> color: #ffffff;
> font-family: Arial, Helvetica, sans-serif;
> font-size: small;
> font-weight: bold;
> text-decoration: none;
> }
>
> a:hover {
> background color: "#C0C0C0";
> color: "#00FFFF";
> }
>
> a.gray:hover {
> background color: #c0c0c0;
> color: "#006699";
> }
>
> --
> Cheryl D. Wise
> MS FrontPage MVP
> http://mvp.wiserways.com
> http://starttoweb.com
> Online instructor led web design training - Next Session June 26th
>
>
> "Brightbelt" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> Hi -
>> I'm on FP 2003, Win XP Pro. This is a followup from an former post
>> titled "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2 days
>> ago 6/15/05).
>> I've tried to implement a CSS class (it's named 'gray') as was
>> suggested, but I'm doing something wrong. Here's the code I'm using: In
>> the head, I've got....
>>
>> <style type="text/css">
>> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>> text-decoration: none;
>> font-weight: bold }
>> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>> text-decoration: none;
>> font-weight: bold }
>> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>> text-decoration: none;
>> font-weight: bold }
>> a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>> text-decoration: none;
>> font-weight: bold }
>> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
>> background color:"#C0C0C0"; text- decoration: none;
>> font-weight: bold }
>> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
>> background color:"#C0C0C0"}
>> </style>
>>
>> And in the body for the link I've got:
>> <a class="gray" href="index3.htm" target="_blank">HOME</a>
>>
>> I should mention that MikeR actually suggested this in the body:
>> <a class="gray" href="index3.htm">HOME</a>
>> <a href="index3.htm">HOME</a>
>>
>> But then I get 2 home links, so I don't know what he meant exactly. To
>> be honest, I'd rather do this with FP's CSS interface, but the only thing
>> MikeR mentioned was entering the class name into the style
>> window/interface and I don't really know the full steps to take with
>> that. I do appreciate any help...Thanks,..Frank
>>
>>
>
>

Frank -
<a class="gray" href="index3.htm">HOME</a>
<a href="index3.htm">HOME</a>
was to illustrate a link with and without a class. You should of course use one or the
other, not both. Sorry I wasn't clearer.
MikeR

Brightbelt wrote:
> Thanks to all for your tutorial(s) and the help. What would be a good
> standard font measurement for general 12 pt paragraph-type text ? I have
> never implemented any other type measurement, probably because I have no
> starting point or sense of what is standard. Thanks,...Frank
>
> "Cheryl D Wise" <cdwise.wiserways> wrote in message
> news:(E-Mail Removed)...
>
>>To add to Murray's summary should not be using " around your colors:
>>a, a.gray {
>>color: #ffffff;
>>font-family: Arial, Helvetica, sans-serif;
>>font-size: small;
>>font-weight: bold;
>>text-decoration: none;
>>}
>>
>>a:hover {
>>background color: "#C0C0C0";
>>color: "#00FFFF";
>>}
>>
>>a.gray:hover {
>>background color: #c0c0c0;
>>color: "#006699";
>>}
>>
>>--
>>Cheryl D. Wise
>>MS FrontPage MVP
>>http://mvp.wiserways.com
>>http://starttoweb.com
>>Online instructor led web design training - Next Session June 26th
>>
>>
>>"Brightbelt" <(E-Mail Removed)> wrote in message
>>news:(E-Mail Removed)...
>>
>>>Hi -
>>> I'm on FP 2003, Win XP Pro. This is a followup from an former post
>>>titled "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2 days
>>>ago 6/15/05).
>>> I've tried to implement a CSS class (it's named 'gray') as was
>>>suggested, but I'm doing something wrong. Here's the code I'm using: In
>>>the head, I've got....
>>>
>>><style type="text/css">
>>> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>text-decoration: none;
>>> font-weight: bold }
>>> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>text-decoration: none;
>>> font-weight: bold }
>>> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>text-decoration: none;
>>> font-weight: bold }
>>> a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>text-decoration: none;
>>> font-weight: bold }
>>> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
>>>background color:"#C0C0C0"; text- decoration: none;
>>>font-weight: bold }
>>> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
>>>background color:"#C0C0C0"}
>>></style>
>>>
>>>And in the body for the link I've got:
>>><a class="gray" href="index3.htm" target="_blank">HOME</a>
>>>
>>>I should mention that MikeR actually suggested this in the body:
>>><a class="gray" href="index3.htm">HOME</a>
>>><a href="index3.htm">HOME</a>
>>>
>>>But then I get 2 home links, so I don't know what he meant exactly. To
>>>be honest, I'd rather do this with FP's CSS interface, but the only thing
>>>MikeR mentioned was entering the class name into the style
>>>window/interface and I don't really know the full steps to take with
>>>that. I do appreciate any help...Thanks,..Frank
>>>
>>>
>>
>>
>
>

Thanks Mike...I sort of figured that, but it does still help to know that
for certain, 'cause I'm still hacking this thing out. I've got things
working a bit better but now, while I do get the color of text I want in all
browsers, Mozilla and Netscape aren't showing any background color on the
mouse hover. Here's what I've got now in the head:

<style type="text/css">
a, a.gray {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-decoration: none;
}

a:hover {
color:#006699;
background color: #CCCCCC;
}

a.gray:hover {color: #006699;
background color: #CCCCCC;
}
</style>
And of course, I've got the link with the class designated in the body as
you've shown me. I hope to get this done, and I'm grateful for this CSS
learning. Thanks,...Frank



"MikeR" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Frank -
> <a class="gray" href="index3.htm">HOME</a>
> <a href="index3.htm">HOME</a>
> was to illustrate a link with and without a class. You should of course
> use one or the other, not both. Sorry I wasn't clearer.
> MikeR
>
> Brightbelt wrote:
>> Thanks to all for your tutorial(s) and the help. What would be a good
>> standard font measurement for general 12 pt paragraph-type text ? I have
>> never implemented any other type measurement, probably because I have no
>> starting point or sense of what is standard. Thanks,...Frank
>>
>> "Cheryl D Wise" <cdwise.wiserways> wrote in message
>> news:(E-Mail Removed)...
>>
>>>To add to Murray's summary should not be using " around your colors:
>>>a, a.gray {
>>>color: #ffffff;
>>>font-family: Arial, Helvetica, sans-serif;
>>>font-size: small;
>>>font-weight: bold;
>>>text-decoration: none;
>>>}
>>>
>>>a:hover {
>>>background color: "#C0C0C0";
>>>color: "#00FFFF";
>>>}
>>>
>>>a.gray:hover {
>>>background color: #c0c0c0;
>>>color: "#006699";
>>>}
>>>
>>>--
>>>Cheryl D. Wise
>>>MS FrontPage MVP
>>>http://mvp.wiserways.com
>>>http://starttoweb.com
>>>Online instructor led web design training - Next Session June 26th
>>>
>>>
>>>"Brightbelt" <(E-Mail Removed)> wrote in message
>>>news:(E-Mail Removed)...
>>>
>>>>Hi -
>>>> I'm on FP 2003, Win XP Pro. This is a followup from an former post
>>>> titled "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2
>>>> days ago 6/15/05).
>>>> I've tried to implement a CSS class (it's named 'gray') as was
>>>> suggested, but I'm doing something wrong. Here's the code I'm using:
>>>> In the head, I've got....
>>>>
>>>><style type="text/css">
>>>> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>> text-decoration: none;
>>>> font-weight: bold }
>>>> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>> text-decoration: none;
>>>> font-weight: bold }
>>>> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>> text-decoration: none;
>>>> font-weight: bold }
>>>> a.gray:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>> text-decoration: none;
>>>> font-weight: bold }
>>>> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
>>>> background color:"#C0C0C0"; text- decoration: none;
>>>> font-weight: bold }
>>>> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
>>>> background color:"#C0C0C0"}
>>>></style>
>>>>
>>>>And in the body for the link I've got:
>>>><a class="gray" href="index3.htm" target="_blank">HOME</a>
>>>>
>>>>I should mention that MikeR actually suggested this in the body:
>>>><a class="gray" href="index3.htm">HOME</a>
>>>><a href="index3.htm">HOME</a>
>>>>
>>>>But then I get 2 home links, so I don't know what he meant exactly. To
>>>>be honest, I'd rather do this with FP's CSS interface, but the only
>>>>thing MikeR mentioned was entering the class name into the style
>>>>window/interface and I don't really know the full steps to take with
>>>>that. I do appreciate any help...Thanks,..Frank
>>>>
>>>>
>>>
>>>
>>

Well there you run into a bit of a problem when it comes to what is roughly
equal to 12pt. type when it comes to the web. In IE the default size is
'medium' or approximately 12.5pts (16px) while Firefox/Mozilla/Safari and I
think Opera as well use a smaller font for 'medium'.

IE will not resize pixels so if you visitor needs a bigger size font to read
neither pixels or points are good (it doesn't resize pts either). 1em or
100% is equal the the font size the visitor has their system set to display
and is usually safe. 12pt would be roughly 95% or .95em.

--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training in FrontPage,
Dreamweaver and more!
Next Session June 26th


"MikeR" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Frank -
> <a class="gray" href="index3.htm">HOME</a>
> <a href="index3.htm">HOME</a>
> was to illustrate a link with and without a class. You should of course
> use one or the other, not both. Sorry I wasn't clearer.
> MikeR
>
> Brightbelt wrote:
>> Thanks to all for your tutorial(s) and the help. What would be a good
>> standard font measurement for general 12 pt paragraph-type text ? I have
>> never implemented any other type measurement, probably because I have no
>> starting point or sense of what is standard. Thanks,...Frank

You're going to have to post a link to the page, now. That CSS will
work....

--
Murray
============

"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> Thanks Mike...I sort of figured that, but it does still help to know that
> for certain, 'cause I'm still hacking this thing out. I've got things
> working a bit better but now, while I do get the color of text I want in
> all browsers, Mozilla and Netscape aren't showing any background color on
> the mouse hover. Here's what I've got now in the head:
>
> <style type="text/css">
> a, a.gray {
> color: #ffffff;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 1em;
> font-weight: bold;
> text-decoration: none;
> }
>
> a:hover {
> color:#006699;
> background color: #CCCCCC;
> }
>
> a.gray:hover {color: #006699;
> background color: #CCCCCC;
> }
> </style>
> And of course, I've got the link with the class designated in the body as
> you've shown me. I hope to get this done, and I'm grateful for this CSS
> learning. Thanks,...Frank
>
>
>
> "MikeR" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> Frank -
>> <a class="gray" href="index3.htm">HOME</a>
>> <a href="index3.htm">HOME</a>
>> was to illustrate a link with and without a class. You should of course
>> use one or the other, not both. Sorry I wasn't clearer.
>> MikeR
>>
>> Brightbelt wrote:
>>> Thanks to all for your tutorial(s) and the help. What would be a good
>>> standard font measurement for general 12 pt paragraph-type text ? I have
>>> never implemented any other type measurement, probably because I have no
>>> starting point or sense of what is standard. Thanks,...Frank
>>>
>>> "Cheryl D Wise" <cdwise.wiserways> wrote in message
>>> news:(E-Mail Removed)...
>>>
>>>>To add to Murray's summary should not be using " around your colors:
>>>>a, a.gray {
>>>>color: #ffffff;
>>>>font-family: Arial, Helvetica, sans-serif;
>>>>font-size: small;
>>>>font-weight: bold;
>>>>text-decoration: none;
>>>>}
>>>>
>>>>a:hover {
>>>>background color: "#C0C0C0";
>>>>color: "#00FFFF";
>>>>}
>>>>
>>>>a.gray:hover {
>>>>background color: #c0c0c0;
>>>>color: "#006699";
>>>>}
>>>>
>>>>--
>>>>Cheryl D. Wise
>>>>MS FrontPage MVP
>>>>http://mvp.wiserways.com
>>>>http://starttoweb.com
>>>>Online instructor led web design training - Next Session June 26th
>>>>
>>>>
>>>>"Brightbelt" <(E-Mail Removed)> wrote in message
>>>>news:(E-Mail Removed)...
>>>>
>>>>>Hi -
>>>>> I'm on FP 2003, Win XP Pro. This is a followup from an former post
>>>>> titled "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2
>>>>> days ago 6/15/05).
>>>>> I've tried to implement a CSS class (it's named 'gray') as was
>>>>> suggested, but I'm doing something wrong. Here's the code I'm using:
>>>>> In the head, I've got....
>>>>>
>>>>><style type="text/css">
>>>>> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>>> text-decoration: none;
>>>>> font-weight: bold }
>>>>> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>>> text-decoration: none;
>>>>> font-weight: bold }
>>>>> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>>> text-decoration: none;
>>>>> font-weight: bold }
>>>>> a.gray:visited { font-family: arial; font-size: 10pt;
>>>>> color:"#FFFFFF"; text-decoration: none;
>>>>> font-weight: bold }
>>>>> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
>>>>> background color:"#C0C0C0"; text- decoration: none;
>>>>> font-weight: bold }
>>>>> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
>>>>> background color:"#C0C0C0"}
>>>>></style>
>>>>>
>>>>>And in the body for the link I've got:
>>>>><a class="gray" href="index3.htm" target="_blank">HOME</a>
>>>>>
>>>>>I should mention that MikeR actually suggested this in the body:
>>>>><a class="gray" href="index3.htm">HOME</a>
>>>>><a href="index3.htm">HOME</a>
>>>>>
>>>>>But then I get 2 home links, so I don't know what he meant exactly. To
>>>>>be honest, I'd rather do this with FP's CSS interface, but the only
>>>>>thing MikeR mentioned was entering the class name into the style
>>>>>window/interface and I don't really know the full steps to take with
>>>>>that. I do appreciate any help...Thanks,..Frank
>>>>>
>>>>>
>>>>
>>>>
>>>
>

Hello Murray - How are you ?
Ok, it's published now at www.frankbright.com/Gallery.htm - See the text
links at the bottom of the page. The links/hovers actually work right in IE,
although the font sizes seems a bit off for 'small'. Mozilla has the font
size better I think, but there's no gray background color on the hover of
the links. Thanks for all your assistance and help here,...Frank


"Murray" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> You're going to have to post a link to the page, now. That CSS will
> work....
>
> --
> Murray
> ============
>
> "Brightbelt" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> Thanks Mike...I sort of figured that, but it does still help to know that
>> for certain, 'cause I'm still hacking this thing out. I've got things
>> working a bit better but now, while I do get the color of text I want in
>> all browsers, Mozilla and Netscape aren't showing any background color on
>> the mouse hover. Here's what I've got now in the head:
>>
>> <style type="text/css">
>> a, a.gray {
>> color: #ffffff;
>> font-family: Arial, Helvetica, sans-serif;
>> font-size: 1em;
>> font-weight: bold;
>> text-decoration: none;
>> }
>>
>> a:hover {
>> color:#006699;
>> background color: #CCCCCC;
>> }
>>
>> a.gray:hover {color: #006699;
>> background color: #CCCCCC;
>> }
>> </style>
>> And of course, I've got the link with the class designated in the body as
>> you've shown me. I hope to get this done, and I'm grateful for this CSS
>> learning. Thanks,...Frank
>>
>>
>>
>> "MikeR" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> Frank -
>>> <a class="gray" href="index3.htm">HOME</a>
>>> <a href="index3.htm">HOME</a>
>>> was to illustrate a link with and without a class. You should of course
>>> use one or the other, not both. Sorry I wasn't clearer.
>>> MikeR
>>>
>>> Brightbelt wrote:
>>>> Thanks to all for your tutorial(s) and the help. What would be a good
>>>> standard font measurement for general 12 pt paragraph-type text ? I
>>>> have never implemented any other type measurement, probably because I
>>>> have no starting point or sense of what is standard. Thanks,...Frank
>>>>
>>>> "Cheryl D Wise" <cdwise.wiserways> wrote in message
>>>> news:(E-Mail Removed)...
>>>>
>>>>>To add to Murray's summary should not be using " around your colors:
>>>>>a, a.gray {
>>>>>color: #ffffff;
>>>>>font-family: Arial, Helvetica, sans-serif;
>>>>>font-size: small;
>>>>>font-weight: bold;
>>>>>text-decoration: none;
>>>>>}
>>>>>
>>>>>a:hover {
>>>>>background color: "#C0C0C0";
>>>>>color: "#00FFFF";
>>>>>}
>>>>>
>>>>>a.gray:hover {
>>>>>background color: #c0c0c0;
>>>>>color: "#006699";
>>>>>}
>>>>>
>>>>>--
>>>>>Cheryl D. Wise
>>>>>MS FrontPage MVP
>>>>>http://mvp.wiserways.com
>>>>>http://starttoweb.com
>>>>>Online instructor led web design training - Next Session June 26th
>>>>>
>>>>>
>>>>>"Brightbelt" <(E-Mail Removed)> wrote in message
>>>>>news:(E-Mail Removed)...
>>>>>
>>>>>>Hi -
>>>>>> I'm on FP 2003, Win XP Pro. This is a followup from an former post
>>>>>> titled "CSS hover style happens in Photo Gallery" (by 'Brightbelt' 2
>>>>>> days ago 6/15/05).
>>>>>> I've tried to implement a CSS class (it's named 'gray') as was
>>>>>> suggested, but I'm doing something wrong. Here's the code I'm using:
>>>>>> In the head, I've got....
>>>>>>
>>>>>><style type="text/css">
>>>>>> a:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>>>> text-decoration: none;
>>>>>> font-weight: bold }
>>>>>> a.gray:link { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>>>> text-decoration: none;
>>>>>> font-weight: bold }
>>>>>> a:visited { font-family: arial; font-size: 10pt; color:"#FFFFFF";
>>>>>> text-decoration: none;
>>>>>> font-weight: bold }
>>>>>> a.gray:visited { font-family: arial; font-size: 10pt;
>>>>>> color:"#FFFFFF"; text-decoration: none;
>>>>>> font-weight: bold }
>>>>>> a:hover { font-family: arial; font-size: 10pt; color:"#00FFFF";
>>>>>> background color:"#C0C0C0"; text- decoration: none;
>>>>>> font-weight: bold }
>>>>>> a.gray:hover { font-family: arial; font-size: 10pt; color:"006699";
>>>>>> background color:"#C0C0C0"}
>>>>>></style>
>>>>>>
>>>>>>And in the body for the link I've got:
>>>>>><a class="gray" href="index3.htm" target="_blank">HOME</a>
>>>>>>
>>>>>>I should mention that MikeR actually suggested this in the body:
>>>>>><a class="gray" href="index3.htm">HOME</a>
>>>>>><a href="index3.htm">HOME</a>
>>>>>>
>>>>>>But then I get 2 home links, so I don't know what he meant exactly.
>>>>>>To be honest, I'd rather do this with FP's CSS interface, but the only
>>>>>>thing MikeR mentioned was entering the class name into the style
>>>>>>window/interface and I don't really know the full steps to take with
>>>>>>that. I do appreciate any help...Thanks,..Frank
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>
>
>