Page 2 of 2

Re: [Solved] Text-only horizontal menu for bottom of page

Posted: Mon Oct 19, 2009 7:08 pm
by replytomk3
Since I do not have a CSS book to try to read, people more knowledgeable than me can try it on their installations.

What I am trying to do:

Make a menu on the bottom without link underline, with custom text color, and different color and underline on hover/active.

This might look like I am not doing any work myself, but I just transferred a whole site with custom menu and template. This is the last step where my brain locks up.

So, someone getting this to work = highly appreciated.

Re: [Solved] Text-only horizontal menu for bottom of page

Posted: Mon Oct 19, 2009 7:49 pm
by jmcgin51
did you try my suggestion in the post immediately prior to your latest post?

http://www.w3schools.com/css/

Re: [Solved] Text-only horizontal menu for bottom of page

Posted: Mon Oct 19, 2009 9:06 pm
by replytomk3
yes, both took out div, and tried your stylesheet instead.

Re: [Solved] Text-only horizontal menu for bottom of page

Posted: Mon Oct 19, 2009 9:28 pm
by jmcgin51
no, don't take out both divs.  Leave in the one that identifies the div as belonging to the footernav class.  Then change your stylesheet by replacing the "#" with a ".".

I don't mean to offend, but this is an extremely basic CSS issue.  The W3Schools link has some excellent information to get you started on CSS.  I don't pretend to be a CSS guru by any stretch, but if you don't even understand the difference between a class and a div, and how to target each of them in a stylesheet, you've got a long road ahead of you.

Good luck!

Re: [Solved] Text-only horizontal menu for bottom of page

Posted: Tue Oct 20, 2009 11:24 am
by spcherub
Your CSS syntax was wrong. Here is the updated syntax - I've tested in on your test page using firebug.

.footernav  a:link{color: #000; text-decoration: none; }
.footernav  a:visited {color: #000; text-decoration: none; }
.footernav  a:active{color: #000; text-decoration: none;
.footernav  a:hover{color: #000; text-decoration: underline; }

This is assuming you leave your nav HTML as it is now.

Hope this helps.
S

Re: [Solved] Text-only horizontal menu for bottom of page

Posted: Tue Oct 20, 2009 3:13 pm
by replytomk3
spcherub , yes this works. karma boost initialized.

jmcgin51, like I said, I was able to create a custom CSS menu.