looking2learn Posted July 18, 2013 Report Share Posted July 18, 2013 Hi Guys, Beginner so any pointers very helpful Currently having problems with my navigation bar, its leaving space above and to the right of the bar itself, so basically the background color of the bar is of the body instead of the wrapper, i'm also finding it hard to have the bar neatly in the center of the page as appose to either the left or the right, please see below for a link to code pen show ing my page: http://cdpn.io/tblDm Please click edit at the bottom to see the html and css, any pointer to make the Navigation fit would be very helpful! Kr Joshua Quote Link to comment Share on other sites More sharing options...
kralcx Posted July 20, 2013 Report Share Posted July 20, 2013 #wrapper { width: 900px; margin:0 auto; background:#FFF; } #header{height: 100%;} #navigation ul{height:100%;} #navigation ul li{ float:left; list-style-type: none; } #navigation ul li a{ position:relative; left:145px; display:block; padding: 8px 20px; text-decoration: none; font-family: aerial; font-weight: bold; font-size: 14px; color: grey; border: 1px solid #BBBBBB; background: white; } the above code is what I changed in your CSS. It removed the space between your header and nav bar and it centered your nav bar. I hope that helps. Quote Link to comment Share on other sites More sharing options...
Herbert Posted August 19, 2013 Report Share Posted August 19, 2013 Hi Guys, Beginner so any pointers very helpful Currently having problems with my navigation bar, its leaving space above and to the right of the bar itself, so basically the background color of the bar is of the body instead of the wrapper, i'm also finding it hard to have the bar neatly in the center of the page as appose to either the left or the right, please see below for a link to code pen show ing my page: http://cdpn.io/tblDm Please click edit at the bottom to see the html and css, any pointer to make the Navigation fit would be very helpful! Kr Joshua Add this to your CSS #navigation ul { margin-top: 0px; } Quote Link to comment 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.
Note: Your post will require moderator approval before it will be visible.