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 <br>s
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/

Reply via email to