eyezac Posted January 27, 2009 Report Share Posted January 27, 2009 I don't claim any skillz in putting this together, i am a css noob. credit goes to Ghettocooler (http://ghettocooler.net/2007/05/31/simple-navigation-with-css-image-replacement/) for his slick image based navigation. My mod included the text as part of the navigation though. Anyway, looking at this navigation menu www.gobigbanners.com/nav2.html notice the navigation hovering to the right? It isn't the page margins (they are zero) and it also behaves the same once placed into a table. I tried adding "padding:0;" to some of the chunks to see if somehow it was giving me un-asked-for padding, but to no avail. Any thoughts on this? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted January 27, 2009 Report Share Posted January 27, 2009 You need to add "margin:0; padding:0;" to your #goBigNav Quote Link to comment Share on other sites More sharing options...
eyezac Posted January 27, 2009 Author Report Share Posted January 27, 2009 Like this? I also added it to "ul#goBigNav li a" though i'm pretty sure adding it there is unnecessary (correct?) I also put the body tag up there with zero margins, just in case. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted January 27, 2009 Report Share Posted January 27, 2009 Like this? I also added it to "ul#goBigNav li a" though i'm pretty sure adding it there is unnecessary (correct?) I also put the body tag up there with zero margins, just in case. Like this: ul#goBigNav { margin:0; padding:0; } Quote Link to comment Share on other sites More sharing options...
eyezac Posted January 27, 2009 Author Report Share Posted January 27, 2009 Man, you are a genius. No wonder those dudes stole your site. So to help me understand the syntax; "ul#goBigNav" is the 'master' control (for lack of a better description) and its properties will trickle down to the others ("ul#goBigNav li", "ul#goBigNav li a" etc) UNLESS their individual properties are changed. is this correct? in the case of my (half) code, since I left out "ul#goBigNav" it took on some life of its own or some default padding and margin settings, correct? thanks again, really appreciate you taking the time and effort to troubleshoot this for me. I have learned a lot. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted January 27, 2009 Report Share Posted January 27, 2009 Man, you are a genius. No wonder those dudes stole your site. So to help me understand the syntax; "ul#goBigNav" is the 'master' control (for lack of a better description) and its properties will trickle down to the others ("ul#goBigNav li", "ul#goBigNav li a" etc) UNLESS their individual properties are changed. is this correct? Basically, yes. Keep in mind that some elements have default styles that the browsers apply, so for example, adding "body { padding:0; margin:0 }" to your css won't change all elements inside it to use padding:0 and margin:0. However, if you set a font style or size in your body, that will cascade down. in the case of my (half) code, since I left out "ul#goBigNav" it took on some life of its own or some default padding and margin settings, correct? It just defaulted to the default browser settings, which add padding (or margin, off the top of my head, I can't remember) to the left side. 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.