Re: [css-d] Firefox bug, or Safari?
Dave Pierce wrote: Dave Pierce wrote: I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? fantasai fairly replied: Try getting rid of all the extra br tags. You can use the CSS 'margin' property if you need more space. fantasai, Doh! Thank you, I really should have thought of that one! That works great in Firefox and Opera, but now in Safari the UL is totally messed up. The first line of each list item is spaced right, but the bullet is way off to the right of the first line. Any suggestions as to how to fix it in Safari? Oh, and another thing: in addition to getting rid of all your brs and using CSS margins instead, you should be using proper heading markup instead of paragraphs with classes. There's four articles written by Tantek linked from this page: http://fantasai.inkedblade.net/web-design/ You should read them. You'll have web pages that are more accessible *and* easier to style if you use good markup. :) ~fantasai __ css-discuss [EMAIL PROTECTED] 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] Firefox bug, or Safari?
Dave Pierce wrote: I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? Try getting rid of all the extra br tags. You can use the CSS 'margin' property if you need more space. ~fantasai __ css-discuss [EMAIL PROTECTED] 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] Firefox bug, or Safari?
Dave Pierce wrote: Dave Pierce wrote: I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? fantasai fairly replied: Try getting rid of all the extra br tags. You can use the CSS 'margin' property if you need more space. fantasai, Doh! Thank you, I really should have thought of that one! That works great in Firefox and Opera, but now in Safari the UL is totally messed up. The first line of each list item is spaced right, but the bullet is way off to the right of the first line. Any suggestions as to how to fix it in Safari? Set margin-top on the UL or, even better, margin-bottom on the header, not 'margin' on the UL: 'margin' resets all four margins, and you didn't want to touch the left and right margins on the list. ~fantasai __ css-discuss [EMAIL PROTECTED] 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] Firefox bug, or Safari?
I've got a bug showing up somewhere, and I'm not too sure how to fix it. On this page http://www.lorettodaybreak.org/pages/ daybreak_events_photos.html there's a large break between the subheads and the following ULs. It looks OK in Safari and IE, but not in Firefox and Opera. Knowing that the latter two browsers are probably the better browsers, web standards wise, can anyone out there tell me what I'm doing wrong? Thanks in Advance, ;-Dave __ css-discuss [EMAIL PROTECTED] 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/