Re: [css-d] help with menu bar
thanks for help..i found the problem..the #header container had an explicit height set On Thu, Mar 13, 2014 at 6:56 PM, Tom Livingston tom...@gmail.com wrote: Sent from my iPhone On Mar 13, 2014, at 4:53 PM, Brian Jones bdotjo...@gmail.com wrote: Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down i fixed the submenu issue by removing the width:170px; http://jsfiddle.net/dTsrY/5/ i dont mind that the menu drops down..i just want the menu to still be above the shadow border (div class=row top-shadow/div) Can't look right now. Is there an explicit hight set on that div? On Thu, Mar 13, 2014 at 3:23 PM, Tom Livingston tom...@gmail.com wrote: On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones bdotjo...@gmail.com wrote: Hi, I have this demo setup here http://jsfiddle.net/dTsrY/ and i need help with a few issues that i am having. I am using bootstrap 3.0 and when the page gets smaller the menu moves outside of the bottom shadow image border and i would like for it to stay inside the border. Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down Also, the width of the submenu is longer than the hover for the items in the submenu, so when you hover a submenu item there is extra white space to the right. ul.sub-menu has a width of 200px (see ul#mainnav li ul - line 279) and also is getting padding right (line 422). I guess that's too wide for the parent. Thanks in advance for any help. -- Hope this helps. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ 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] help with menu bar
Hi, I have this demo setup here http://jsfiddle.net/dTsrY/ and i need help with a few issues that i am having. I am using bootstrap 3.0 and when the page gets smaller the menu moves outside of the bottom shadow image border and i would like for it to stay inside the border. Also, the width of the submenu is longer than the hover for the items in the submenu, so when you hover a submenu item there is extra white space to the right. Thanks in advance for any help. -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ 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] help with menu bar
On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones bdotjo...@gmail.com wrote: Hi, I have this demo setup here http://jsfiddle.net/dTsrY/ and i need help with a few issues that i am having. I am using bootstrap 3.0 and when the page gets smaller the menu moves outside of the bottom shadow image border and i would like for it to stay inside the border. Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down Also, the width of the submenu is longer than the hover for the items in the submenu, so when you hover a submenu item there is extra white space to the right. ul.sub-menu has a width of 200px (see ul#mainnav li ul - line 279) and also is getting padding right (line 422). I guess that's too wide for the parent. Thanks in advance for any help. -- Hope this helps. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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] help with menu bar
Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down i fixed the submenu issue by removing the width:170px; http://jsfiddle.net/dTsrY/5/ i dont mind that the menu drops down..i just want the menu to still be above the shadow border (div class=row top-shadow/div) On Thu, Mar 13, 2014 at 3:23 PM, Tom Livingston tom...@gmail.com wrote: On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones bdotjo...@gmail.com wrote: Hi, I have this demo setup here http://jsfiddle.net/dTsrY/ and i need help with a few issues that i am having. I am using bootstrap 3.0 and when the page gets smaller the menu moves outside of the bottom shadow image border and i would like for it to stay inside the border. Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down Also, the width of the submenu is longer than the hover for the items in the submenu, so when you hover a submenu item there is extra white space to the right. ul.sub-menu has a width of 200px (see ul#mainnav li ul - line 279) and also is getting padding right (line 422). I guess that's too wide for the parent. Thanks in advance for any help. -- Hope this helps. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ 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] help with menu bar
Sent from my iPhone On Mar 13, 2014, at 4:53 PM, Brian Jones bdotjo...@gmail.com wrote: Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down i fixed the submenu issue by removing the width:170px; http://jsfiddle.net/dTsrY/5/ i dont mind that the menu drops down..i just want the menu to still be above the shadow border (div class=row top-shadow/div) Can't look right now. Is there an explicit hight set on that div? On Thu, Mar 13, 2014 at 3:23 PM, Tom Livingston tom...@gmail.com wrote: On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones bdotjo...@gmail.com wrote: Hi, I have this demo setup here http://jsfiddle.net/dTsrY/ and i need help with a few issues that i am having. I am using bootstrap 3.0 and when the page gets smaller the menu moves outside of the bottom shadow image border and i would like for it to stay inside the border. Inside header, div class=col-md-9 col-sm-12 at small widths is being told to be 12 cols wide, which is too wide next to your logo - which is also being told to be 12col wide - so it drops down Also, the width of the submenu is longer than the hover for the items in the submenu, so when you hover a submenu item there is extra white space to the right. ul.sub-menu has a width of 200px (see ul#mainnav li ul - line 279) and also is getting padding right (line 422). I guess that's too wide for the parent. Thanks in advance for any help. -- Hope this helps. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- -bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ 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/