[Pro] CSS link color issue

Can someone help to figure out what I have done wrong in this?

I set my CSS menu link color based on the instruction in the Video tutorial. On the master page, the CSS menu, I set the Normal in White, Hover in White Underline, Visited in White, Active in Orange. Normal and Hover parts work fine.

My problem is
The Active Orange color is only working for nano second when I click the text and the color back to White. I was hoping the color will stay in Orange when in active, so people know what page they are.

Can anyone help me?

Catherine


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you post a link to your page so that we can see the underlying code.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David

I have a test site as www.eqileader.org

Thank you for your help

Catherine


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK - looking at your code I can see that the CSS styles are not properly set on your Menu.

On the front page the active state for item1 is missing (item1 is your menu)

#item1 a:link { color:#e6e6e6 }
#item1 a:visited { color:#e6e6e6; text-decoration:underline }
#item1 a:hover { color:#fff; text-decoration:underline }

On subsequent pages your menu becomes item1a

#item1a a:link { color:#e6e6e6 }
#item1a a:visited { color:#e6e6e6; text-decoration:underline }
#item1a a:hover { color:#fff; text-decoration:underline }

and the CSS for active is not there either.

I would go back to your Master page and ensure that the active state is set there.Once you have done that then check that on each child page your menu item has the Use Master Content and Use Master Settings boxes ticked.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Also your programme link includes some extra spaces at the end of the word that show underlined on hover.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you David

I will test on those.

Catherine


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have uploaded new design to my site and re do CSS setting. However, the top menu still does not show changes when in active. I set both hover and active with underline. It shows changes in hover action very well but nothing in Active. Is there still something wrong in my setting?
my link is www.eqileader.org

Thank you

Catherine


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK - you need to set Highlight Current Page in the CSS Menu action palette.

And then make sure you have the settings further down in the Current Page chooser

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you. Problem again.

I click my CSS menu, go to Window / Action / find CSS menu. It shows “Cannot Use This Action - The Action can only be applied to item that contain a list.”

What have I missed?

C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You need to double-click inside the HTML box that you have applied the
Action to, and type in a list of options. To start, type the first
main menu option, say “Home”, and press return. Then type the next and
so on. When you come to a part where you want a submenu, like Products/
Widgets, Products/Sprockets, Products/Cogs, you just add the submenu
elements, so your list looks like this:

Home

Products

Widgets

Sprockets

Cogs

Next, highlight all of the text in the box (and don’t worry if some of
it is spilling out of the bottom of the box, you’ll take care of that
in a moment). In the Inspector, open the List segment of the left-most
tab and click the right-arrow control in the Inspector to indent the
words as a list. Then highlight the last three, and click the arrow
again to nest them under Products. Your list should now look like this:

  • Home
  • Products
    • Widgets
    • Sprockets
    • Cogs

Now if you click away from the box, anywhere else on the pasteboard,
you should see that the error message has been replaced with Publish
to see a preview
. So if you press Apple-P, you should see a preview
of your menu.

Walter

On Jul 27, 2011, at 11:27 AM, catherineshih wrote:

Thank you. Problem again.

I click my CSS menu, go to Window / Action / find CSS menu. It shows
“Cannot Use This Action - The Action can only be applied to item
that contain a list.”

What have I missed?

C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you, David.

This works beautifully. For both top menu and sub menu show action and color change. Yet, I have a new problem occured. After my sub menu shows colour changes in action, all the indent dots disappear. I have checked all the setting and those indent dots shown on Page, but not on Preview and Safari.

Any idea?

C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yet, I have a new problem occured. After my sub menu shows colour changes in action, all the indent dots disappear.

This is normal behaviour - you dont really want a leading bullet point before your sub menu items, do you?

If you do then type one in - but it would be unusual to have them.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi, David

I dont want the bullet for top menu, but for side menu, I need bullets. I total have 3 levels of menu, 1st level menu on the top, 2nd and 3rd level on the side. So I need bullets for 2nd and 3rd level. How do I create main and sub manu bullets on the side menu? (I cannot just type in the round and square bullets)

I am not sure if I make myself clear, you can see what I mean in my link. www.eqileader.org

Thank you

Catherine


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I cannot just type in the round and square bullets

You can type round ones easily • alt 8 (option+8)

I dont see a side menu at that link

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That is very easy. I will do that.

Thank you

C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options