1 reply [Last post]
ddvink
ddvink's picture
Offline
newbie
Last seen: 9 years 3 weeks ago
Timezone: GMT+2
Joined: 2012-08-18
Posts: 1
Points: 2

Hi there,

I made a simple non-cms site for my employer ( www.grimach.nl). Now when I click a link in the main navigation bar, you can't see that the link is active.

I made the site in Dreamweaver with a template, where I attached some css-files to. Down here is the css-file I used for the main navigation.

/* ----------------------------------- */
/* Definition for mainNavigation-hover */
/* Active werkt nog niet*/
/* ----------------------------------- */
#mainNavigation a:hover, #mainNavigation a:active{
padding:0px;
margin:0px;
margin-left:auto;
margin-right:auto;

width:100%;
height:30px;

background-color:#FFF;
background-image:url(../images/mainbuttonRollover.png);

font-weight:bold;
text-transform:uppercase;

line-height:30px;

color: #fff;
}

#mainNavigation a:hover, #mainNavigation a:active {
padding:0px;
margin:0px;

}

#mainNavigation a:hover, #mainNavigation a:active{
margin:0px;
padding:0px;
width:100px;
float: left;

text-align:center;

display:inline;
}

Why can't the active link not be seen? Hope you can help me out. Thanks in advance.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 6 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Active is working as it is

Active is working as it is meant too. It is only visible while your mouse is in the down state.
I think what you want is CSS current page nav link highlight.

//mod edit: broken link fixed. ~gt