Re: [css-d] CSS drop-down menu issues
On Sat, Aug 16, 2014 at 8:11 PM, John j...@coffeeonmars.com wrote: At this link, http://www.coffeeonmars.com/screenshots/menu-prob/product.php I am having issues with the header nav in that I feel I’ve done a lot of kludges to get it to behave correctly and not explode the page.. ...such as giving a white 1px border to the nav (else everything below it disappears!) I know that some floats are necessary to make the child menu items behave correctly, but I’ve had to float the menu itself or else the sub nav at the left (also floated left) shoots over to the right. My question: can anyone suggest how I might better construct this header nav? it basically looks the way it needs to; would prefer fewer kludges to get it that way. Fewer kludges tells me fewer things to bite me down the road. Thank you! John John, Compare your page in FF, Chrome, and Opera. First place to start is to validate the markup. . Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS drop-down menu issues
Compare your page in FF, Chrome, and Opera. First place to start is to validate the markup. You’re right..thank you..I need to get into the habit of doing that as with using Firebug to help find issues.. I keep thinking of validating as what you do when you’re done yet “getting done” involves valid code! ;-) John __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS drop-down menu issues
Hi John, Try replacing these declarations. I think this is what your wanting. /* new header nav */ #main_nav{ /* border:1px solid red; */ /* border:1px solid rgb(255,255,255); */ /* float:left; */ /* width:100%; */ } #main_nav ul{ list-style-type:none; /* position:relative; */ margin:.5em 0 0 0; padding:0 0 0 1.25em; } #middle{ /* border:1px solid green; */ margin:0; /* padding:2em 0 0 0; */ /*overflow: :hidden;*/ } #footer_nav ul li ul{ margin:1em 0 0 0; /* position:absolute; */ visibility:hidden; opacity:0; transition:visibility 0s linear 0.35s, opacity 0.5s linear; } HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Aug 16, 2014, at 7:11 PM, John j...@coffeeonmars.com wrote: At this link, http://www.coffeeonmars.com/screenshots/menu-prob/product.php I am having issues with the header nav in that I feel I’ve done a lot of kludges to get it to behave correctly and not explode the page.. ...such as giving a white 1px border to the nav (else everything below it disappears!) I know that some floats are necessary to make the child menu items behave correctly, but I’ve had to float the menu itself or else the sub nav at the left (also floated left) shoots over to the right. My question: can anyone suggest how I might better construct this header nav? it basically looks the way it needs to; would prefer fewer kludges to get it that way. Fewer kludges tells me fewer things to bite me down the road. Thank you! John __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS drop-down menu issues
At this link, http://www.coffeeonmars.com/screenshots/menu-prob/product.php I am having issues with the header nav in that I feel I’ve done a lot of kludges to get it to behave correctly and not explode the page.. ...such as giving a white 1px border to the nav (else everything below it disappears!) I know that some floats are necessary to make the child menu items behave correctly, but I’ve had to float the menu itself or else the sub nav at the left (also floated left) shoots over to the right. My question: can anyone suggest how I might better construct this header nav? it basically looks the way it needs to; would prefer fewer kludges to get it that way. Fewer kludges tells me fewer things to bite me down the road. Thank you! John __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/