logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-07-2007, 01:07 PM   #1
perkin5
 
Join Date: Jun 2007
Posts: 5
Default Spry menu text color

I have built a spry menu successfully but want to customize it as follows: I want the text for the menu item corresponding to the current page to be a different color to the other items. I have tried applying a class style to the text but it seems to have no effect.

Can anyone please help?
perkin5 is offline   Reply With Quote
Old 11-07-2007, 02:08 PM   #2
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,710
Default

You're doing something wrong. Setting a class to the nav should work.

Any more info>?
domedia is offline   Reply With Quote
Old 11-07-2007, 04:12 PM   #3
perkin5
 
Join Date: Jun 2007
Posts: 5
Default

Hi and thanks for responding. What I did was to select the word (in this case 'Home', default color blue)), go to the Properties Inspector and choose a color (red) from the picker. DW then created a style with default name Style 1 and entered it in the code as below:

<div id="menubar">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#" class="style1">Home</a> </li>
<li><a href="#">About Us</a></li>
<li><a href="#">Programme</a></li>
<li><a href="#">Committee</a> </li>
<li><a href="#">Competitions</a></li>
<li><a href="#">Membership</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Exchange Packet</a></li>
<li><a href="#">Library</a></li>
</ul>
</div>

However, the word 'Home' has not changed color in DW or when previewed in Firefox.

Any ideas? Just occurred to me while writing this that the new style is in the page header whereas the menubar of course has its own spry style sheet. I wonder if that's an issue?
perkin5 is offline   Reply With Quote
Old 11-07-2007, 05:51 PM   #4
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,710
Default

For links you need to set style for all pseudo states: link, visited, hover and active.

This bit of code should work on all your links:
Code:
#menuBar1 a:link {color: red;}
#menuBar1 a:visited {color: red;}
#menuBar1 a:hover {color: #036;}
#menuBar1 a:active {color: red;}
Adjust as needed.
domedia is offline   Reply With Quote
Old 11-09-2007, 09:20 PM   #5
perkin5
 
Join Date: Jun 2007
Posts: 5
Default

Thanks for that but I only want the word 'Home' to be red, not all the menu items
perkin5 is offline   Reply With Quote
Reply


Thread Tools
Display Modes

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

Forum Jump


All times are GMT. The time now is 11:10 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com