benjancewicz Posted July 31, 2007 Share Posted July 31, 2007 Ok. This should be simple enough, but go easy on a CSS newbie.http://bmengini.com/beta/How do I get the three layers in this to end up right next to each other? I don't want any space in between them. Link to comment Share on other sites More sharing options...
benjancewicz Posted July 31, 2007 Author Share Posted July 31, 2007 ...Oh, and what's the best way to make the navigation bars right justified? Link to comment Share on other sites More sharing options...
S@m Posted July 31, 2007 Share Posted July 31, 2007 I'm not sure I follow.Do you want the grey bars on top of each other with no space? Or do you want your nav items to run together (horiz) with no space?I'm just not sure which way you are wanting to go. Link to comment Share on other sites More sharing options...
Synook Posted August 1, 2007 Share Posted August 1, 2007 Well, have a look in your CSS stylesheet http://bmengini.com/beta/css/style.css . Now find the #SubNav a and #MainNav a styles and change the second pixel number on the padding property. For no horizontal padding, you would change it from "padding: 3px 10px;" to "padding: 3px 0px;". The 3px defines vertical padding. Link to comment Share on other sites More sharing options...
benjancewicz Posted August 3, 2007 Author Share Posted August 3, 2007 I took out all the padding, but there's still space between the layers.Any idea why? Link to comment Share on other sites More sharing options...
jlhaslip Posted August 3, 2007 Share Posted August 3, 2007 margins? Link to comment Share on other sites More sharing options...
benjancewicz Posted August 4, 2007 Author Share Posted August 4, 2007 There's no margins in whole CSS file... Link to comment Share on other sites More sharing options...
benjancewicz Posted August 4, 2007 Author Share Posted August 4, 2007 Ok... I did a little more testing, and there is no space between divs that don't have unordered lists in them.So, basically, I'm deducing that the <ul> is somehow making the space between the two navigations layers at the top.How do I keep that from happening? Link to comment Share on other sites More sharing options...
Synook Posted August 4, 2007 Share Posted August 4, 2007 ul#MainNav{ white-space: nowrap; text-transform: uppercase; margin:0px; padding:0px;} Do the same for SubNav. Link to comment Share on other sites More sharing options...
benjancewicz Posted August 4, 2007 Author Share Posted August 4, 2007 That did it! Thank you!Why did it do that? The <ul> just add on extra padding without telling you?? Link to comment Share on other sites More sharing options...
jlhaslip Posted August 5, 2007 Share Posted August 5, 2007 ULs and LIs have default values for either or both Margins and/or Padding (depends on the Browser) and removing both Margins and Padding is typically the solution. Often, I remove all margins and padding on the html Element and then add some margin/padding later in the page. Works for me. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.