PC Review


Reply
Thread Tools Rate Thread

CSS hover style happens in FP Gallery...

 
 
Brightbelt
Guest
Posts: n/a
 
      16th Jun 2005
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



 
Reply With Quote
 
 
 
 
E. T. Culling
Guest
Posts: n/a
 
      16th Jun 2005
What are your CSS properties for images?
Eleanor
"Brightbelt" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
>
>
>



 
Reply With Quote
 
Brightbelt
Guest
Posts: n/a
 
      16th Jun 2005
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" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> What are your CSS properties for images?
> Eleanor
> "Brightbelt" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> 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
>>
>>
>>

>
>



 
Reply With Quote
 
E. T. Culling
Guest
Posts: n/a
 
      16th Jun 2005
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" <(E-Mail Removed)> wrote in message
news:%(E-Mail Removed)...
> 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" <(E-Mail Removed)> wrote in message
> news:%(E-Mail Removed)...
>> What are your CSS properties for images?
>> Eleanor
>> "Brightbelt" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> 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
>>>
>>>
>>>

>>
>>

>
>



 
Reply With Quote
 
Brightbelt
Guest
Posts: n/a
 
      17th Jun 2005
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" <(E-Mail Removed)> wrote in message
news:OdJCx%(E-Mail Removed)...
>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" <(E-Mail Removed)> wrote in message
> news:%(E-Mail Removed)...
>> 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" <(E-Mail Removed)> wrote in message
>> news:%(E-Mail Removed)...
>>> What are your CSS properties for images?
>>> Eleanor
>>> "Brightbelt" <(E-Mail Removed)> wrote in message
>>> news:(E-Mail Removed)...
>>>> 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
>>>>
>>>>
>>>>
>>>
>>>

>>
>>

>
>



 
Reply With Quote
 
Cheryl D Wise
Guest
Posts: n/a
 
      17th Jun 2005
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" <(E-Mail Removed)> wrote in message
news:eV8$(E-Mail Removed)...
> 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



 
Reply With Quote
 
Brightbelt
Guest
Posts: n/a
 
      17th Jun 2005
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%(E-Mail Removed)...
> 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" <(E-Mail Removed)> wrote in message
> news:eV8$(E-Mail Removed)...
>> 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

>
>



 
Reply With Quote
 
Brightbelt
Guest
Posts: n/a
 
      17th Jun 2005
Or at least point me towards a tutorial (hopefully a real-life application
type) ? Thanks,...Frank


"Brightbelt" <(E-Mail Removed)> wrote in message
news:%238PDp$(E-Mail Removed)...
> 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%(E-Mail Removed)...
>> 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" <(E-Mail Removed)> wrote in message
>> news:eV8$(E-Mail Removed)...
>>> 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

>>
>>

>
>



 
Reply With Quote
 
MikeR
Guest
Posts: n/a
 
      17th Jun 2005
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" <(E-Mail Removed)> wrote in message
> news:%238PDp$(E-Mail Removed)...
>
>>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%(E-Mail Removed)...
>>
>>>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" <(E-Mail Removed)> wrote in message
>>>news:eV8$(E-Mail Removed)...
>>>
>>>>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
>>>
>>>

>>

>
>

 
Reply With Quote
 
Brightbelt
Guest
Posts: n/a
 
      17th Jun 2005
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" <(E-Mail Removed)> wrote in message
news:%23OXE%(E-Mail Removed)...
> 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" <(E-Mail Removed)> wrote in message
>> news:%238PDp$(E-Mail Removed)...
>>
>>>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%(E-Mail Removed)...
>>>
>>>>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" <(E-Mail Removed)> wrote in message
>>>>news:eV8$(E-Mail Removed)...
>>>>
>>>>>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
>>>>
>>>>
>>>

>>


 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Turn off style pane hover description Inkmuser Microsoft Word Document Management 2 1st Jun 2009 07:29 PM
Quick style hover minimises Wrod J Weir Microsoft Word Document Management 0 19th Mar 2008 05:24 AM
style gallery =?Utf-8?B?d3N3YWls?= Microsoft Word Document Management 1 13th Jun 2007 04:53 PM
Style Gallery =?Utf-8?B?aDBja2V5bTBt?= Microsoft Powerpoint 1 6th Oct 2005 04:55 PM
CSS a: hover style and automatic text color issues Brightbelt Microsoft Frontpage 11 27th Apr 2004 12:14 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:06 AM.