Mouse-Over style doesn't work on these links

[Brightbelt]

Hello-
I've used Jbots mouse-over style with links on a page
called 'Jazz Links' (just found out here that I could
have used CSS - is that method fairly browser
compatible ?).
Certain links (mostly, the foreign web site links) not
only do not appear in the Jbots 'Frontpage Component
Properties' window as options for generating this mouse-
over style, but CSS (as I just now tried) won't work on
these links either. I've tested my CSS on other stuff so
I know I'm doing it right. ('Format' menu, choose style,
specify modify Html tags, chose a:hover, format the font
color etc).
I did write Jbots, and his answer was that if the link
appears in the Jbots window, then it should work, at
which point I noticed that these links do not appear in
the Jbots FP component properties window.
The page is Http://www.frankbright.com/Jazz_Links.htm
The first link you'll see that doesn't do the mouse-over
style is the pbs.org site.
I'm wondering if this has to do with foreign web links
and/or organizational sites (such as the pbs.org link). I
do appreciate your help,...Thanks,...Brightbelt

 

[Jon Spivey]

Hi,
I'd ditch that jbots code completely it looks pretty nasty to me. A better
way to do this is to set up selectors for your links so in your stylsheet
you might have
<style type="text/css">
#links{
font: 14px Verdana;
}
# links a{
color: red;
}
#links a:hover{
color:blue;
}
</style>

Now weve set up the styles (obviously changing the fonts/colors etc to suit)
we just put the links on the page in a div called links, eg
<div id="links">
<a href="http://www.site1.com">Site One</a>
<a href="http://www.site2.com">Site Two</a>
</div>

Try this out an see how far you get.

Jon
Microsoft MVP - FP

 

[Brightbelt]

Hi Jon,
Thanks for your response - your method does intrigue
me, but I'd like to clarify my understanding before
jumping into it because I'm less familiar with selector
styles. I know how to set up external CSS's fairly well.

#links{
font: 14px Verdana;
}
# links a{
color: red;
}
#links a:hover{
color:blue;
}
</style>

Does it go onto an external style sheet ? I see the div-
type code (the actual links) will go on the pages. This
method is maybe worth a try, but I'm slow getting the
selector style thing. I've read about it plenty in
manuals, so textbook explanations (about how there are
several different kinds of styles etc...) aren't going to
help me get it. It'd be more effective just to tell me
What to do (if you don't have the time, I understand). I
appreciate your help thus far. I'm going to fiddle with
this on a few tests in the meantime to see if I can get
it to work. Thanks ! Brightbelt

 

[Brightbelt]

Hi Jon- It's me again-
I got it to work via the external style sheet. Thanks a
million for the education - one more request though - how
do I get an underline added to the mouse over effect in
the code you gave me ? Thanks,...Brightbelt

 

[Brightbelt]

Hey-
Actually now nothing seems to work. The color change
(on mouseover) only seems to work if I begin with the
default font - the blue times new roman type. If I make
any changes it throws it off somehow. I'm putting the
changed fonts/colors into the code too and it doesn't
help. Thanks,..any ideas are still welcome....Brightbelt

 

[Jon Spivey]

Hi,
can you post what you have so far on the web and give us a link? It's hard
to know whats going on without seeing.

Jon
Microsoft MVP - FP

 

[Brightbelt]

Hi Jon-
Thanks for the offer, but it turns out I don't have the
time now to get into it. I'll have to come back to all
this at another time. Jbots' code may not be the leanest,
but it works. Thanks again,...Brightbelt