Forum Moderators: not2easy

Message Too Old, No Replies

browser compatability with list-style

list-style:none does Safari render this correctly?

         

Reid

10:40 pm on Nov 22, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm building a webpage. it's HTML 4.01 with some CSS.
The lady I'm working on it with is on a MAC using Safari browser.
She pinted out that one perticular list should not have bullets and should be left-justified.
so I used <ul style="list-style:none;"> on the list and it looks fine to me (IE) but she does not see it?
What's up? Is Safari not able to render this or is there a workaround?

Setek

2:32 am on Nov 23, 2005 (gmt 0)

10+ Year Member



In every site I've had to set a list style to none, this has worked for me with my trusty mac testing box, on both firefox for mac, and safari.

Perhaps it is being cached?

Reid

1:32 am on Nov 24, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



nope - she says she has tried refreshing it - is there a radio button perhaps that disables CSS? Not a MAC user.

anax

2:15 am on Nov 24, 2005 (gmt 0)

10+ Year Member



In general, Safari has one of the highest levels of CSS support of any browser, so I'd be surprised if it was a Safari problem per se. Have you checked to make sure both the HTML [validator.w3.org] and the CSS [jigsaw.w3.org] are valid?

Reid

7:12 pm on Dec 2, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yes the HTML and CSS are both valid.
She has refreshed it and interestingly other updates I made to the page are appearing, she sent me a screenshot. But the list is still centered with bullets.
Here is a cut of the code, maybe it doesn't like the spaces?
<ul style="{text-align: left; list-style: none;}">

jessejump

7:35 pm on Dec 2, 2005 (gmt 0)

10+ Year Member



It doesn't like the brackets. {.....}

Setek

2:04 am on Dec 3, 2005 (gmt 0)

10+ Year Member



Yep, it should be:

<ul style="text-align: left; list-style: none;">

If that's still not working, the only other thing I can think of is - do you have an external stylesheet overwriting the inline style? Such as a list-style applied to the ul li { } or something?

The rest of the code regarding the ul would help us see.

Reid

2:14 am on Dec 13, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Nope there is no other code in the stylesheet regarding UL I will try removing brackets and see if that works. Thanks for the info. I'll let you know if it works.