Jump to content
KateMacwil

CSS for href Not Working as Expected

Recommended Posts

Hi

I have created styles for my menu which aren't working as expected.

I have attached a small portion of my page so you can see where I have referenced my menu class in the menu links.
Although you can't see the call to my style sheet, it is in my original code.

The menu links turn white on load and when I hover over the menu item, the underline works. However the active link
is not working.

 

 

tender-options.php

styles.css

Edited by KateMacwil
typos

Share this post


Link to post
Share on other sites

For the active to work you need to click on the link, but you have identical styling for hover? So how will you see the active take effect, when it is already that effect for hover?

Only place css for those styles that change within each specific pseudo class.

            .table-setup-menu
            {
                background-color: #0c6bb5;
                margin: 0px;
                padding: 3px;
                width: 800px;
                border: 1px solid #0c6bb5;
                border-radius: 25px;
            }

            a.tender-menu-item {color: #FFFFFF;font-weight: bold;font-size: 16px;}

            a.tender-menu-item:link, a.tender-menu-item:visited
            {
                text-decoration: none;
            }

            a.tender-menu-item:hover, a.tender-menu-item:active
            {
                text-decoration: underline;
            }

            a.tender-menu-item:active
            {
                color: lime;
            }

Also! you should never use a table for a menu, its not structured to be responsive for smaller devices.

Edited by dsonesuk

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×