Menu issue, pls help!

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
northman
New Member
New Member
Posts: 3
Joined: Mon Nov 02, 2009 12:07 pm

Menu issue, pls help!

Post by northman »

hi,

I have a menu with white tekst and when i hover it it changes to green. What i would like to see is that when i click on a menu item (for example home) that the items stays green.

hope somebody can help me

my code:

Code: Select all

{if $count > 0}
{foreach from=$nodelist item=node}<a class="menu_stijl" href="{$node->url}" 
{if $node->target ne ""} target="{$node->target}"{/if}
>{$node->menutext}</a>
{if $count > ($node->index+1)}  
{/if}
{/foreach}
{/if}

my css:

Code: Select all

.menu_stijl{
	margin-left: 30px;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, Verdana;
}

.menu_stijl:hover{
	margin-left: 30px;
	font-size: 16px;
	color: #b6d53e;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, Verdana;
}

.menu_stijl-actief{
	margin-left: 30px;
	font-size: 16px;
	color: #b6d53e;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, Verdana;
}
jmcgin51
Power Poster
Power Poster
Posts: 1899
Joined: Mon Jun 12, 2006 9:02 pm

Re: Menu issue, pls help!

Post by jmcgin51 »

this is a basic CSS/styling issue, not an issue for the dev team, and belongs in the Layout & Design forum.
northman
New Member
New Member
Posts: 3
Joined: Mon Nov 02, 2009 12:07 pm

Re: Menu issue, pls help!

Post by northman »

ok i wil put it there thnx
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Menu issue, pls help!

Post by Dr.CSS »

Your menu template has nothing in it to indicate an active page so no amount of CSS etc. is going to help, try using a default menu template and you will see all kinds of ways it marks active pages...
Post Reply

Return to “Layout and Design (CSS & HTML)”