CSS hover style happens in FP Gallery...

Hello -
I'm on FP 2003, Win XP Pro. My problem is that a CSS hover style is somehow
transferring into my Photo Gallery when browsing the gallery page with
Netscape and Mozilla browsers (this does NOT happen in IE, though it may
happen in Firefox and Opera as well - I just don't have those browsers).
Here's my set-up specifics: I have an external style sheet in which I
have a background color (light gray) working as a hover style for text
links. This external style sheet also works with my main template, so it's
connected with all my web pages in general.
When one browses and does a mouseover on a thumbnail photo in my photo
gallery (remember this happens in Netscape and Mozilla), one sees a gray
rectangular background bar behind the photo !! Very strange.
Also, you should know that I have used the Jimco Spawn pop-up add-in for
the photo gallery, in order to have the enlarged photo appear in its own
uniquely sized window etc. I tend to think this didn't happen before I
applied the Spawn add-in, though I can't say for certain.
I hope someone can help sort out this problem. Please know that I'm not a
coder really. I did the CSS thru FP 2003's menu interface etc. Thanks for
any help,...Frank
See the photo gallery page at www.frankbright.com/Gallery.htm

What are your CSS properties for images?
Eleanor
"Brightbelt" <Brightbelt@comcast.net> wrote in message
news:uIr5VJhcFHA.2180@TK2MSFTNGP12.phx.gbl...
> Hello -
> I'm on FP 2003, Win XP Pro. My problem is that a CSS hover style is
> somehow transferring into my Photo Gallery when browsing the gallery page
> with Netscape and Mozilla browsers (this does NOT happen in IE, though it
> may happen in Firefox and Opera as well - I just don't have those
> browsers).
> Here's my set-up specifics: I have an external style sheet in which I
> have a background color (light gray) working as a hover style for text
> links. This external style sheet also works with my main template, so
> it's connected with all my web pages in general.
> When one browses and does a mouseover on a thumbnail photo in my photo
> gallery (remember this happens in Netscape and Mozilla), one sees a gray
> rectangular background bar behind the photo !! Very strange.
> Also, you should know that I have used the Jimco Spawn pop-up add-in for
> the photo gallery, in order to have the enlarged photo appear in its own
> uniquely sized window etc. I tend to think this didn't happen before I
> applied the Spawn add-in, though I can't say for certain.
> I hope someone can help sort out this problem. Please know that I'm not a
> coder really. I did the CSS thru FP 2003's menu interface etc. Thanks for
> any help,...Frank
> See the photo gallery page at www.frankbright.com/Gallery.htm
>
>
>

Hi -
Thanks for responding. I have one image/vector set in a separate 2nd
external sheet as a background photo. (It's the gray curvy, sci-fi looking
vector above the piano graphic in the top left corner of every page.) This
is all I know to tell you. ...Frank

"E. T. Culling" <etcetc@notatcrcwnet.com> wrote in message
news:%23TWVjnicFHA.720@TK2MSFTNGP15.phx.gbl...
> What are your CSS properties for images?
> Eleanor
> "Brightbelt" <Brightbelt@comcast.net> wrote in message
> news:uIr5VJhcFHA.2180@TK2MSFTNGP12.phx.gbl...
>> Hello -
>> I'm on FP 2003, Win XP Pro. My problem is that a CSS hover style is
>> somehow transferring into my Photo Gallery when browsing the gallery page
>> with Netscape and Mozilla browsers (this does NOT happen in IE, though it
>> may happen in Firefox and Opera as well - I just don't have those
>> browsers).
>> Here's my set-up specifics: I have an external style sheet in which I
>> have a background color (light gray) working as a hover style for text
>> links. This external style sheet also works with my main template, so
>> it's connected with all my web pages in general.
>> When one browses and does a mouseover on a thumbnail photo in my photo
>> gallery (remember this happens in Netscape and Mozilla), one sees a gray
>> rectangular background bar behind the photo !! Very strange.
>> Also, you should know that I have used the Jimco Spawn pop-up add-in for
>> the photo gallery, in order to have the enlarged photo appear in its own
>> uniquely sized window etc. I tend to think this didn't happen before I
>> applied the Spawn add-in, though I can't say for certain.
>> I hope someone can help sort out this problem. Please know that I'm not
>> a coder really. I did the CSS thru FP 2003's menu interface etc. Thanks
>> for any help,...Frank
>> See the photo gallery page at www.frankbright.com/Gallery.htm
>>
>>
>>
>
>

I think the problem is in the last line here:
a: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:hover { font-family: Arial; font-size: 10pt; font-weight: bold;
background-color:#C0C0C0; color:#006699 }

#C0C0C0 is the color of that strange little bar.
Eleanor

"Brightbelt" <Brightbelt@comcast.net> wrote in message
news:%23S0wtIncFHA.456@TK2MSFTNGP09.phx.gbl...
> Hi -
> Thanks for responding. I have one image/vector set in a separate 2nd
> external sheet as a background photo. (It's the gray curvy, sci-fi looking
> vector above the piano graphic in the top left corner of every page.)
> This is all I know to tell you. ...Frank
>
> "E. T. Culling" <etcetc@notatcrcwnet.com> wrote in message
> news:%23TWVjnicFHA.720@TK2MSFTNGP15.phx.gbl...
>> What are your CSS properties for images?
>> Eleanor
>> "Brightbelt" <Brightbelt@comcast.net> wrote in message
>> news:uIr5VJhcFHA.2180@TK2MSFTNGP12.phx.gbl...
>>> Hello -
>>> I'm on FP 2003, Win XP Pro. My problem is that a CSS hover style is
>>> somehow transferring into my Photo Gallery when browsing the gallery
>>> page with Netscape and Mozilla browsers (this does NOT happen in IE,
>>> though it may happen in Firefox and Opera as well - I just don't have
>>> those browsers).
>>> Here's my set-up specifics: I have an external style sheet in which I
>>> have a background color (light gray) working as a hover style for text
>>> links. This external style sheet also works with my main template, so
>>> it's connected with all my web pages in general.
>>> When one browses and does a mouseover on a thumbnail photo in my photo
>>> gallery (remember this happens in Netscape and Mozilla), one sees a gray
>>> rectangular background bar behind the photo !! Very strange.
>>> Also, you should know that I have used the Jimco Spawn pop-up add-in
>>> for the photo gallery, in order to have the enlarged photo appear in its
>>> own uniquely sized window etc. I tend to think this didn't happen
>>> before I applied the Spawn add-in, though I can't say for certain.
>>> I hope someone can help sort out this problem. Please know that I'm not
>>> a coder really. I did the CSS thru FP 2003's menu interface etc. Thanks
>>> for any help,...Frank
>>> See the photo gallery page at www.frankbright.com/Gallery.htm
>>>
>>>
>>>
>>
>>
>
>

Hi -
Yes, but I want that background color....on text links - it's correct for
that, right ? What I'm talking about is that it also happens behind the
thumbnail photo when you're clicking to see the large version of a picture
in my photo gallery. .......Frank



"E. T. Culling" <etcetc@notatcrcwnet.com> wrote in message
news:OdJCx%23ocFHA.1504@TK2MSFTNGP15.phx.gbl...
>I think the problem is in the last line here:
> a: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:hover { font-family: Arial; font-size: 10pt; font-weight: bold;
> background-color:#C0C0C0; color:#006699 }
>
> #C0C0C0 is the color of that strange little bar.
> Eleanor
>
> "Brightbelt" <Brightbelt@comcast.net> wrote in message
> news:%23S0wtIncFHA.456@TK2MSFTNGP09.phx.gbl...
>> Hi -
>> Thanks for responding. I have one image/vector set in a separate 2nd
>> external sheet as a background photo. (It's the gray curvy, sci-fi
>> looking vector above the piano graphic in the top left corner of every
>> page.) This is all I know to tell you. ...Frank
>>
>> "E. T. Culling" <etcetc@notatcrcwnet.com> wrote in message
>> news:%23TWVjnicFHA.720@TK2MSFTNGP15.phx.gbl...
>>> What are your CSS properties for images?
>>> Eleanor
>>> "Brightbelt" <Brightbelt@comcast.net> wrote in message
>>> news:uIr5VJhcFHA.2180@TK2MSFTNGP12.phx.gbl...
>>>> Hello -
>>>> I'm on FP 2003, Win XP Pro. My problem is that a CSS hover style is
>>>> somehow transferring into my Photo Gallery when browsing the gallery
>>>> page with Netscape and Mozilla browsers (this does NOT happen in IE,
>>>> though it may happen in Firefox and Opera as well - I just don't have
>>>> those browsers).
>>>> Here's my set-up specifics: I have an external style sheet in which I
>>>> have a background color (light gray) working as a hover style for text
>>>> links. This external style sheet also works with my main template, so
>>>> it's connected with all my web pages in general.
>>>> When one browses and does a mouseover on a thumbnail photo in my photo
>>>> gallery (remember this happens in Netscape and Mozilla), one sees a
>>>> gray rectangular background bar behind the photo !! Very strange.
>>>> Also, you should know that I have used the Jimco Spawn pop-up add-in
>>>> for the photo gallery, in order to have the enlarged photo appear in
>>>> its own uniquely sized window etc. I tend to think this didn't happen
>>>> before I applied the Spawn add-in, though I can't say for certain.
>>>> I hope someone can help sort out this problem. Please know that I'm
>>>> not a coder really. I did the CSS thru FP 2003's menu interface etc.
>>>> Thanks for any help,...Frank
>>>> See the photo gallery page at www.frankbright.com/Gallery.htm
>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

Then you need to create a custom class and use it just on the ones you want
to have the background color or create a custom class and use it on the ones
you don't want to have the background color.

That is the only way to apply different css to specific links.

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

"Brightbelt" <Brightbelt@comcast.net> wrote in message
news:eV8$GYucFHA.3252@TK2MSFTNGP10.phx.gbl...
> Hi -
> Yes, but I want that background color....on text links - it's correct for
> that, right ? What I'm talking about is that it also happens behind the
> thumbnail photo when you're clicking to see the large version of a picture
> in my photo gallery. .......Frank

Hi -
Thanks for your suggestion(s) - I'm kind of dependent on FP's CSS
interface and not real sure how to create a custom class, much less by using
code. Could you explain how I would create a custom class using FP's CSS
interface and not coding ? I'd appreciate any pointers and starters.
Thanks,...Frank

"Cheryl D Wise" <cdwise.wiserways> wrote in message
news:OQna2%23ucFHA.1448@TK2MSFTNGP14.phx.gbl...
> Then you need to create a custom class and use it just on the ones you
> want to have the background color or create a custom class and use it on
> the ones you don't want to have the background color.
>
> That is the only way to apply different css to specific links.
>
> --
> Cheryl D. Wise
> MS FrontPage MVP
> http://mvp.wiserways.com
> http://starttoweb.com
> Online instructor led web design training - Next Session June 26th
>
> "Brightbelt" <Brightbelt@comcast.net> wrote in message
> news:eV8$GYucFHA.3252@TK2MSFTNGP10.phx.gbl...
>> Hi -
>> Yes, but I want that background color....on text links - it's correct
>> for that, right ? What I'm talking about is that it also happens behind
>> the thumbnail photo when you're clicking to see the large version of a
>> picture in my photo gallery. .......Frank
>
>

Or at least point me towards a tutorial (hopefully a real-life application
type) ? Thanks,...Frank


"Brightbelt" <Brightbelt@comcast.net> wrote in message
news:%238PDp$vcFHA.2520@TK2MSFTNGP09.phx.gbl...
> Hi -
> Thanks for your suggestion(s) - I'm kind of dependent on FP's CSS
> interface and not real sure how to create a custom class, much less by
> using code. Could you explain how I would create a custom class using FP's
> CSS interface and not coding ? I'd appreciate any pointers and starters.
> Thanks,...Frank
>
> "Cheryl D Wise" <cdwise.wiserways> wrote in message
> news:OQna2%23ucFHA.1448@TK2MSFTNGP14.phx.gbl...
>> Then you need to create a custom class and use it just on the ones you
>> want to have the background color or create a custom class and use it on
>> the ones you don't want to have the background color.
>>
>> That is the only way to apply different css to specific links.
>>
>> --
>> Cheryl D. Wise
>> MS FrontPage MVP
>> http://mvp.wiserways.com
>> http://starttoweb.com
>> Online instructor led web design training - Next Session June 26th
>>
>> "Brightbelt" <Brightbelt@comcast.net> wrote in message
>> news:eV8$GYucFHA.3252@TK2MSFTNGP10.phx.gbl...
>>> Hi -
>>> Yes, but I want that background color....on text links - it's correct
>>> for that, right ? What I'm talking about is that it also happens behind
>>> the thumbnail photo when you're clicking to see the large version of a
>>> picture in my photo gallery. .......Frank
>>
>>
>
>

Frank - Google for css class. You'll get tons of hits.

Here's how one looks in HTML view. red is the class. This is for putting the styles inside
a page. If you're using a separate css, put it there.

<style type="text/css">
a:hover { color:"#00FFFF" }
a.red:hover { color:"#FF0000"}
</style>

In the page.
<a class="red" href="css_syntax.asp">CSS Syntax</a>
<a href="css_syntax.asp">CSS Syntax</a>

If you're not comfortable yet working in HTML view, to set a class for whatever, highlight
it, right click, select properties, then click style. In the class box enter the class.
click OK.

If you pop this onto a page, you'll get different colors when you mouse over the link. To
MikeR

Brightbelt wrote:
> Or at least point me towards a tutorial (hopefully a real-life application
> type) ? Thanks,...Frank
>
>
> "Brightbelt" <Brightbelt@comcast.net> wrote in message
> news:%238PDp$vcFHA.2520@TK2MSFTNGP09.phx.gbl...
>
>>Hi -
>> Thanks for your suggestion(s) - I'm kind of dependent on FP's CSS
>>interface and not real sure how to create a custom class, much less by
>>using code. Could you explain how I would create a custom class using FP's
>>CSS interface and not coding ? I'd appreciate any pointers and starters.
>>Thanks,...Frank
>>
>>"Cheryl D Wise" <cdwise.wiserways> wrote in message
>>news:OQna2%23ucFHA.1448@TK2MSFTNGP14.phx.gbl...
>>
>>>Then you need to create a custom class and use it just on the ones you
>>>want to have the background color or create a custom class and use it on
>>>the ones you don't want to have the background color.
>>>
>>>That is the only way to apply different css to specific links.
>>>
>>>--
>>>Cheryl D. Wise
>>>MS FrontPage MVP
>>>http://mvp.wiserways.com
>>>http://starttoweb.com
>>>Online instructor led web design training - Next Session June 26th
>>>
>>>"Brightbelt" <Brightbelt@comcast.net> wrote in message
>>>news:eV8$GYucFHA.3252@TK2MSFTNGP10.phx.gbl...
>>>
>>>>Hi -
>>>> Yes, but I want that background color....on text links - it's correct
>>>>for that, right ? What I'm talking about is that it also happens behind
>>>>the thumbnail photo when you're clicking to see the large version of a
>>>>picture in my photo gallery. .......Frank
>>>
>>>
>>
>
>

Hi -
Thanks Mike. Just seeing a real example makes alot of difference. For
instance, having looked at some paragraph classes ( eg, 'p.red') I would
have written ' a:hover.red' instead of 'a.red:hover' as you did.
Thanks,...Frank


"MikeR" <nf4l@pobox.com> wrote in message
news:%23OXE%23yycFHA.3712@TK2MSFTNGP09.phx.gbl...
> Frank - Google for css class. You'll get tons of hits.
>
> Here's how one looks in HTML view. red is the class. This is for putting
> the styles inside a page. If you're using a separate css, put it there.
>
> <style type="text/css">
> a:hover { color:"#00FFFF" }
> a.red:hover { color:"#FF0000"}
> </style>
>
> In the page.
> <a class="red" href="css_syntax.asp">CSS Syntax</a>
> <a href="css_syntax.asp">CSS Syntax</a>
>
> If you're not comfortable yet working in HTML view, to set a class for
> whatever, highlight it, right click, select properties, then click style.
> In the class box enter the class. click OK.
>
> If you pop this onto a page, you'll get different colors when you mouse
> over the link. To
> MikeR
>
> Brightbelt wrote:
>> Or at least point me towards a tutorial (hopefully a real-life
>> application type) ? Thanks,...Frank
>>
>>
>> "Brightbelt" <Brightbelt@comcast.net> wrote in message
>> news:%238PDp$vcFHA.2520@TK2MSFTNGP09.phx.gbl...
>>
>>>Hi -
>>> Thanks for your suggestion(s) - I'm kind of dependent on FP's CSS
>>> interface and not real sure how to create a custom class, much less by
>>> using code. Could you explain how I would create a custom class using
>>> FP's CSS interface and not coding ? I'd appreciate any pointers and
>>> starters. Thanks,...Frank
>>>
>>>"Cheryl D Wise" <cdwise.wiserways> wrote in message
>>>news:OQna2%23ucFHA.1448@TK2MSFTNGP14.phx.gbl...
>>>
>>>>Then you need to create a custom class and use it just on the ones you
>>>>want to have the background color or create a custom class and use it on
>>>>the ones you don't want to have the background color.
>>>>
>>>>That is the only way to apply different css to specific links.
>>>>
>>>>--
>>>>Cheryl D. Wise
>>>>MS FrontPage MVP
>>>>http://mvp.wiserways.com
>>>>http://starttoweb.com
>>>>Online instructor led web design training - Next Session June 26th
>>>>
>>>>"Brightbelt" <Brightbelt@comcast.net> wrote in message
>>>>news:eV8$GYucFHA.3252@TK2MSFTNGP10.phx.gbl...
>>>>
>>>>>Hi -
>>>>> Yes, but I want that background color....on text links - it's correct
>>>>> for that, right ? What I'm talking about is that it also happens
>>>>> behind the thumbnail photo when you're clicking to see the large
>>>>> version of a picture in my photo gallery. .......Frank
>>>>
>>>>
>>>
>>