![]() |
CSS Help: Menu moves in relation to browser window
I'm a beginner with CSS, and any help would be appreciated!
I'm building a site using a Joomla template, and the main navigation menu (#navr) just won't stay in one place. Here's the site: http://www.mcsnewyork.com/ And all code pertaining to the navigation, some commented out because I didn't like it but didn't want to delete it. As you can see... there's a lot. Code:
#navr {background: height:30px; background-position:center; //background:url(../images/nav.jpg); width: 65%; overflow: hidden; margin-top:-30px; position:relative; margin-bottom:-20px;}THANK YOU! |
Hey, theres alot of weird coding going on.
its floating the <a> tag in the navigation but not the individual LI's. What you need to do is set the width of the #navr and then center it #navr { width:1000px; margin:0 auto; } then im not sure if you want things on the left, right or centered. So we are just going to put it on the left. ul.menu { float:left; } That should atleast get you started, again, not 100% sure what your trying to do, and the styling is pretty messy. |
| All times are GMT +1. The time now is 08:39 AM. |
Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.