Re: [css-d] Horizontal navigation with background image inheritance problem (Driving me mad)
Hi, that´s the problem using templates. You often don´t know what really happens The clear property sets the sides of an element where other floating elements are not allowed. However AFAIK i'm not using any floats at that point. Can anybody please explain this? Are you sure, there were no floats? /* -- Header -- */ #header{ background: url(http://jg2.intellit.nl/cm/themes/jg_photography/images/jg/headerbg.gif) no-repeat; width: 760px; height: 136px; float: left; } .head1 { width: 485px; padding: 40px 15px 0 0; text-align: center; float: left; } Sincerely Martin Gojowsky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Horizontal navigation with background image inheritance problem (Driving me mad)
On 2/15/07, Martin Gojowsky [EMAIL PROTECTED] wrote: that´s the problem using templates. You often don´t know what really happens Are you sure, there were no floats? True, if it's very complicated. But i tried to really just use the essentials. But i really missed the float's ;) I guess i was working too long and overlooked it. Now i know why it needed the clear. Thanks! In general btw i would recommend people to start learning by looking at public templates and tweaking it. (Besides of course reading the relevant literature ;)) Regards, -- Jeroen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Horizontal navigation with background image inheritance problem (Driving me mad)
Jeroen wrote: In general btw i would recommend people to start learning by looking at public templates and tweaking it. (Besides of course reading the relevant literature ;)) Depends on how you learn. I learn better by building my own from the ground up. A full-blown CSS template can be far too complicated for me to decipher. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Horizontal navigation with background image inheritance problem (Driving me mad)
Hi there, I've been trying to incorporate a horizontal menu i found on the listamatic website. (customizing it to my own style, not finished yet btw). Problem is that when i add the code inside my content div, the background image for the menu fails to display on Firefox/Opera etc. IE works, but let's not get into that ;) I've uploaded a test page for those who are willing to take a look. http://jg2.intellit.nl/dev/ Direct link to CSS: http://jg2.intellit.nl/css/jg-dev.css I've made all url's absolute in the CSS so you can easily test it on your own server/desktop. I think the problem has to do with inheritance, because as you see on the test site, it works directly under the body statement, but not in the cnt DIV. If i however add a clearfix before (while in the cnt div) it does work. But then margins etc are of course reset which is not what i want either. Can someone shed some light on this? It's driving me mad ;) Thanks! -- Jeroen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Horizontal navigation with background image inheritance problem (Driving me mad)
On 2/14/07, Jeroen [EMAIL PROTECTED] wrote: I think the problem has to do with inheritance, because as you see on the test site, it works directly under the body statement, but not in the cnt DIV. If i however add a clearfix before (while in the cnt div) it does work. But then margins etc are of course reset which is not what i want either. I finally found the solution although i don't understand WHY this fixes it. The fix i used was to add a clear: both; in the container for the menu. The clear property sets the sides of an element where other floating elements are not allowed. However AFAIK i'm not using any floats at that point. Can anybody please explain this? Thanks! (working: http://jg2.intellit.nl not working: http://jg2.intellit.nl/dev) -- Jeroen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/