Alith7 Posted May 13, 2007 Share Posted May 13, 2007 I'm having problems getting my nav menu to mark "this page" to change the look of the button without having to set it on every page. I've been through all my books and so far, nothing is giving me anything that work.s any ideas? Quote Link to comment https://forums.phpfreaks.com/topic/51215-need-help-with-a-nav-menu/ Share on other sites More sharing options...
john010117 Posted May 13, 2007 Share Posted May 13, 2007 Well, we can't help you if don't show us some of the code that you have. Quote Link to comment https://forums.phpfreaks.com/topic/51215-need-help-with-a-nav-menu/#findComment-252210 Share on other sites More sharing options...
Alith7 Posted May 13, 2007 Author Share Posted May 13, 2007 sorry. didn't know if it was needed. Here is what I have for my html <body id="color"> <div id="wrapper"> <div id="branding"> <p>Branding content here</p> </div> <div id="content"> <div id="mainContent"> <p>MainContent content here</p> </div> <div id="secondaryContent"> <p>SecondaryContent content here</p> </div> </div> <div id="mainNav"> <a href="page1.php" class="color">Color Copies</a> <a href="page2.php">B & W Copies</a> <a href="page3.php">Banners</a> <a href="page4.php">Blueprints</a> <a href="page5.php">Business Cards</a> <a href="page6.php">Letterheads</a> <a href="page7.php">Envelopes</a> <a href="page8.php">Forms</a> </div> <div id="footer"> <p>Footer content here</p> </div> </div> </body> And here is what my css is set up as. right now, it set up the way one of my books had it done, but it doesn't seem to be working. #wrapper { width: 800px; } #content { width: 620px; float: right; background-color: #0000FF; } #mainContent { width: 420px; float: left; } #secondaryContent { width: 180px; height: 600px; float: right; padding-top: 20px; padding-bottom: 20px; background-color: #FF0000; } #mainNav { width: 180px; height: 600px; float: left; padding-top: 20px; padding-bottom: 20px; } #mainNav a:link, a:visited { display: block; float: right; width: 170px; height: 30px; margin-top: 5px; margin-bottom: 5px; line-height: 2; background-color: #CCCCCC; background-image: url(../images/end-grey.jpg); background-position: left; background-repeat: no-repeat; border: 0; color: #FFFFFF; text-decoration: none; text-align: center; } #mainNav a:hover { background-color: #000000; background-image: url(../images/end-black.jpg); background-position: left; background-repeat: no-repeat; } #color #wrapper #mainNav .color a { background-color: #E21D24; background-image: url(../images/end-red.jpg); background-position: left; background-repeat: no-repeat; cursor: default; } #mainNav li { padding-left: 20px; padding-right: 20px; } #footer { clear: both; } Quote Link to comment https://forums.phpfreaks.com/topic/51215-need-help-with-a-nav-menu/#findComment-252213 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.