Test colours in drop down menu

  • Thread starter Thread starter oscar
  • Start date Start date
O

oscar

Can anyone please help. How do I change the text colour in my drop down
menus. I currently have it set up in page properties to show hyperlinks
as white text, however it gives me a few headaches in other areas.

www.jetpro.co.nz

Thanks
 
It's done with CSS - if this is a menu you downloaded there should be a
*.css file amongs the downloaded files. Open this in Notepad and change the
colors (which will be in the "hexadecimal" format (6 numbers representing
the colours).

You may need to read up on CSS if you're not familiar with it, but I'm only
learning it myself and can't suggest the bits to change - probably the "a:
hover" colors in the <div> or layer that the menus use - not really certain.
 
oscar said:
Can anyone please help. How do I change the text colour in my drop
down menus. I currently have it set up in page properties to show
hyperlinks as white text, however it gives me a few headaches in
other areas.

www.jetpro.co.nz

Thanks

I had a bit of a look at the code.

It is a bit complex, but the menu for "Tracks", for example, is
var menu3=new Array()
menu3[0]='<a href="http://www.jetpro.co.nz/track_wanganui.htm">Wanganui</a>'
menu3[1]='<a href="http://www.jetpro.co.nz/track_gisborne.htm">Gisborne</a>'
menu3[2]='<a href="http://www.jetpro.co.nz/track_meremere.htm">MereMere</a>'
menu3[3]='<a href="http://www.jetpro.co.nz/track_timaru.htm">Timaru</a>'
menu3[4]='<a
href="http://www.jetpro.co.nz/track_featherston.htm">Featherston</a>'

If you want to change the text colour, then change what is between the
single quotes
e.g.
menu3[0]='<a href="http://www.jetpro.co.nz/track_wanganui.htm" style
="color:red">Wanganui</a>'

But you would have to do this for every one, so a general style would be
better.
Try this, between <style> and </style>:
a {color:red}
This will change the text colour of every <a> tag, which may not be what you
want either

I noticed an id in your styles
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
It *may* acheive the result you want by adding into this defintion:-
color:red
(or whatever colour you want for the dropdown menu)

As I say, it is a bit complex, so no guarantees.
 
Thanks Andrew and Trevor, Trevor your last suggestion worked a treat!
Thanks for solving my problem again, I am very greatfull.
 
Back
Top