468,238 Members | 1,923 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,238 developers. It's quick & easy.

IE6 is doing something very funny

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
3 2118
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
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
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.

Similar topics

5 posts views Thread by francisco lopez | last post: by
3 posts views Thread by Anna | last post: by
3 posts views Thread by Suri | last post: by
8 posts views Thread by xanthviper | last post: by
3 posts views Thread by Jochen Müller | last post: by
5 posts views Thread by One Handed Man [ OHM# ] | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.