The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navbar - active link

View previous topic View next topic Go down

Navbar - active link

Post by roCrox on August 11th 2011, 12:05 am

Basically i'm trying to make a "active state/currently on" link on my navbar to stand out.
Im doing something wrong here...

Code:
a.mainmenu,:active { color: red; text-decoration: none }




roCrox
Forumember

Male Posts : 83
Reputation : 20
Language : English

Back to top Go down

Re: Navbar - active link

Post by Mike on August 11th 2011, 12:14 am

Code:
a.mainmenu:active { color: red; text-decoration: none }

if that doesnt work use

Code:
a.mainmenu active { color: red; text-decoration: none }

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Re: Navbar - active link

Post by roCrox on August 11th 2011, 12:30 am

Ups i totally missed that comma in the code i posted, anyway
first code you gave me seems it works half the way, when i click it it turns red but doesn't stay that way.

Also forgot, using phbb2


Here is my full CSS sheet if something else is in the way.
Code:
a:link{ text-decoration: none; }

a:active {
text-decoration: none;
}
a:hover {
text-decoration: none;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}



    a {
    text-decoration: none !important;
    }
    a:hover {
    text-decoration: none !important;
    }




a.mainmenu {font-size:11px;}

a.mainmenu {font-weight:bold;}

.poster-profile {text-align:center; font-size:10px;}



.msg span strong {color: #312A5F;}


.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a { color: dimgray; }


[href='/faq'] { display: none; }




td.rowpic {
   background-color: #1c1c1c;
   background-image: url("");
   css}
th {
   color: #518AC4;
   font-size: 11px;
   font-weight : bold;
   background-color: #1c1c1c;
   height: 25px;
   background-image: url("");
   padding: 2px 3px;
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("");
   background-color:#1c1c1c;
    border: #1c1c1c;
    border-style: solid;
    height: 28px;
   }


a.mainmenu:active { color: red; text-decoration: none }


roCrox
Forumember

Male Posts : 83
Reputation : 20
Language : English

Back to top Go down

Re: Navbar - active link

Post by Mike on August 11th 2011, 12:39 am

Change the active thing to this:

Code:
a.mainmenu:active { color: red  !important; text-decoration: none  !important; }

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Re: Navbar - active link

Post by roCrox on August 11th 2011, 1:13 pm

I think something is wrong here, i might have explained my problem wrong or i posted a code that has nothing to do with it.

Anyway, here is the image of my navbar compared to a profile menu should help out in visualising the problem.
Image:

As you can see in the image, im looking for a result that profile menu shows, the page im currently on in the profile stays "active" in the gray color, now is it possible for the navbar to have the same/simmilar result.

Also thanks for your time.

roCrox
Forumember

Male Posts : 83
Reputation : 20
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum