Menu a:active not working?


I have been trying to get the li in a menu to show as active when the sub category flies out.

Here is what i have so far.

#mainmenu-nav {
	list-style: none;
	list-style-type: none;
	margin:-5px 0 7px 3px;
.li-nav a {
	padding: 2px 1px;
	width: 151px;
	display: block;
	text-decoration: none;
.li-nav a:hover { background-color:#000; color:#fff; text-decoration:none; }
.ul-nav, .li-nav { display: block; list-style: none; }
.ul-nav { width: 153px;	padding:0; }

fade menu buttons with jquery

I am trying to improve my navigation so it fades from one background image to another using jQuery. I have heard the benefits to using it so I want to give it a shot. So I searched the web and found this tutorial.

I am using a transparent png background image sprite with text overlaying the background image. The tutorial uses jquery to fade a div on top of another looking like it fades. Since I am using a transparent png, that wont work.

Narrow horiz menu line-height weirdness

Sorry for the awekward title Smile

Here are my links for full HTML/CSS:

and here is my trouble...
If you'll notice, the (top navigation) menu is not centered vertically. I previously (temp) fixed this with setting line-height: 1px; /* or 0.1em or 0.1% ... for the ul, li of the navbar... While this quick fix worked in most browsers, it doesn't seem to work anymore, and I know it's not proper coding.

Gap above the footer!

First of all, Hello everyone,
and thanks for watching or starting to watch this thread.

The site i'm going to refer to is : HERE u can also download a .zip file as it is (html,css+img) on the site.

So far everything i worked on, i managed to do what i wanted with it (with a lot of searching, etc)
maybe with some things i don't need, but i validated it and it seemed ok.

The only thing that keeps bugging me is the div with wich i fill the gap between the menu and the footer.

2 rows of horizontal menus, problem with second menu

I'm trying out a 2-row horizontal menu without using tables. I'm working on a site for a friend,, which currently uses table but i want to experiment using floats. The problem i am having is the second row of navigation, the client doesnt want a dropdown menu, i cant figure out a way to differentiate it from the top nav menu, as i want to move the second row nav menu to the middle and change menu colors and hover. Whatever i try, the second menu just doesnt seem to respond, what am i doing wrong?


Syndicate content