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.