Re: [css-d] Site check please
Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html; Seems to look the same for me in FF and IE 6 on windows. Posted screen shot here for IE6 for you: http://www.koolfish.com/test/ie6.gif Lisa __ css-discuss [cs...@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 [cs...@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] margin/padding problem for H1 tag
Hi, I need space between the top of my h1 (Fund Raising dinner header) and the red menu bar. In IE 6 I can achieve that by adding 15px of padding to my h1 rule. However this has no effect in safari or firefox. I've tried lots of combinations of padding and margin and if I put a huge number in the padding say 50px then firefox will nudge it down but then IE it's a quarter down the page. I am just perplexed as to why firefox and safari are ignoring the padding setting. Page: http://www.koolfish.com/test/index.html Css: http://www.koolfish.com/test/css/mainstyles.css(h1, p, etc styles at the bottom of the css file) Thanks Lisa __ css-discuss [cs...@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] negative margins/padding
Can I use negative values in margins and padding such as: H1 { Margin: -1em; } Thanks Lisa __ css-discuss [cs...@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] margin/padding problem for H1 tag
Birdie wrote: Hi, I need space between the top of my h1 (Fund Raising dinner header) and the red menu bar. Page: http://www.koolfish.com/test/index.html David suggested: Establish a block formatting context. #maincontent { overflow: hidden; :: add :: } This caused all kinds of screwy layout in FF and Safari on a Mac, so not sure if I was using it properly. The simplest way I discovered to fix it in all 3 browsers on Windows and Mac was to simply add a clear:right to the #maincontent div, though I don't really know why it worked! Lisa __ css-discuss [cs...@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] margin/padding problem for H1 tag
Jeff wrote: The problem is because your divs with ids of #mainmenu, #sidebar, #masthead and #donations are all floating but your #maincontent div isn't so that is causing it to basically bleed into your maine menu. so when you are setting your padding it is essentially starting at the top of the #mainmenu and not the #maincontent which is where you want. you can set a width on your content div and float it. Thanks for pointing me in the right direction, I see what you mean. For anyone new to this list and css then download the firebug extension that Jeff suggested as this has helped me so much this morning to actually see where my elements are laying. Lisa __ css-discuss [cs...@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] fix gap in IE and is it possible to right-align a menu?
Please do not cross-list post. I believe your question /may/ have been answered on another list. Best, Tom Cruise Hi Everyone, Yes I know that's a huge big no no and I apologise for doing so. I only cross posted to the Evolt list because I waited over 24 hours and my post didn't reach the css list and I didn't know about the problems the css list had been having. Sorry for filling up your in-boxes twice. Just getting round to reading your replies now thanks. Lisa __ css-discuss [cs...@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] fix gap in IE and is it possible to right-align a menu?
Hi, I have two problems that need looking at if anyone can help. They both contain the menu bar. Page is here: http://www.koolfish.com/test/index.html Css is here: http://www.koolfish.com/test/css/mainstyles.css 1. In IE there is a gap between the red nav bar div and the gold donations div which I can not seem to eliminate. 2. Is it possible to align the the red menu items to the right in the red menu bar and if so how do I do that? On a side note, Am I correct in building the menu as a ul ? Should my donations link be in its own ul or is that fine just to leave as text? Why do you use a list for a menu when it's a menu and not a list? Thanks in advance. Lisa __ css-discuss [cs...@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] unwanted space between div
Hi, This is my first attempt at css layout (yes I'm finally banishing tables) and I have the simplest of problems already! I have two divs. They should have no space between them. At the moment there is a thin blue line of about 2px between the flag logo and the plane picture. I have set every margin and padding that I can think of to 0px. But it still will not go away. The xhtml page is here: http://www.koolfish.com/test/index.html And the css is here: http://www.koolfish.com/test/css/mainstyles.css Any help would be appreciated Thanks Lisa __ css-discuss [cs...@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] unwanted space between div
Phillipe wrote: Images are inline elements, and as such they rest on the baseline generated by their parent. That leaves some (tiny) space below the image, space that is used in the parent element to display descenders (p, q, j, etc). In your case, the 'offender' is the logo image. A few easy fixes: #header img {display:block;} or #header img {vertical-align: bottom;} Thanks Phillipe and Tom for the explanations and fixing my problem. Clearly I have a lot more reading to do :) Lisa __ css-discuss [cs...@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/