By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,788 Members | 1,115 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,788 IT Pros & Developers. It's quick & easy.

IE6 is doing something very funny

P: n/a
Hello all

The page I am having problems with is:
http://www.bangor.ac.uk/~absc04/test2.htm

It has an unordered list which reads Link One, Link Two, Link Three
and so forth. If you view this page with IE6 you will see that it has
picked up a 'list-style-image' declaration but this is not declared in
the associated CSS id.

Very annoying as Mozilla, Opera, Firefox and Netscape seem to render
it properly. Is there a hack for this IE issue or could it be I need
to re-code somehwere.

Any ideas would be much appreciated.

Thanks
Chris
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Chris wrote:

The page I am having problems with is:
http://www.bangor.ac.uk/~absc04/test2.htm

It has an unordered list which reads Link One, Link Two, Link Three
and so forth. If you view this page with IE6 you will see that it has
picked up a 'list-style-image' declaration but this is not declared in
the associated CSS id.


I can see the following image ...
http://www.bangor.ac.uk/~absc04/images/navbullet.jpg

.... is declared in the page's CSS ...
list-style-image: url("../images/navbullet.jpg");

The selector you use is...
#NAVIGATON ul,li

.... so it applies to "li" of any type. You need to write:
#NAVIGATON ul, #NAVIGATON li

--
Google Blogoscoped
http://blog.outer-court.com
Jul 20 '05 #2

P: n/a
On 27 May 2004 07:35:34 -0700, Chris <ab****@bangor.ac.uk> wrote:
Hello all

The page I am having problems with is:
http://www.bangor.ac.uk/~absc04/test2.htm

It has an unordered list which reads Link One, Link Two, Link Three
and so forth. If you view this page with IE6 you will see that it has
picked up a 'list-style-image' declaration but this is not declared in
the associated CSS id.

Very annoying as Mozilla, Opera, Firefox and Netscape seem to render
it properly. Is there a hack for this IE issue or could it be I need
to re-code somehwere.

Any ideas would be much appreciated.

Thanks
Chris


#NAVIGATON ul,li

This resets all li. Change to #NAVIGATON ul,#NAVIGATON li
Jul 20 '05 #3

P: n/a
ab****@bangor.ac.uk (Chris) wrote:
The page I am having problems with is:
http://www.bangor.ac.uk/~absc04/test2.htm

It has an unordered list which reads Link One, Link Two, Link Three
and so forth. If you view this page with IE6 you will see that it has
picked up a 'list-style-image' declaration but this is not declared in
the associated CSS id.

Very annoying as Mozilla, Opera, Firefox and Netscape seem to render
it properly. Is there a hack for this IE issue or could it be I need
to re-code somehwere.


You have the following style:

#NAVIGATON ul,li {
list-style-image: url("../images/navbullet.jpg");
}

That selector matches all <ul> elements that are descendents of
#NAVIGATION and _all_ <li> elements.

This is then in conflict with the #CONTENT li { list-style : none; }
rule. IE seems to be getting it wrong when it resolves the confliect
between the two rules, the more specific rule (#CONTENT li) should
take precdence even if it is using a shorthand property.

To fix the problem change #NAVIGATON ul,li to
#NAVIGATON ul, #NAVIGATON li

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.