Comments on: How to implement :first-child and directly nested children for IE6

By: Kevin

Kevin — Wed, 19 May 2010 16:51:59 +0000

I just made a blog post that discusses all of the different options for emulating CSS child selectors in IE6: http://craftycode.wordpress.com/2010/05/19/emulating-css-child-selectors-in-ie6/

By: igi79

igi79 — Wed, 24 Feb 2010 23:47:24 +0000

espression:
expression(this.previousSibling==null?’none’:’url(img/ponto_menu.gif)’);
is not working due to bracket in url(img/ponto_menu.gif – see http://www.webmasterworld.com/css/3592524.htm

this is working in IE6 (dont ask me why):

#elementid{
background-image: url(topmenu_li.png);
background-image: expression((function(x){if(x == null)return ‘none’})(this.previousSibling));
}

By: Alex

Alex — Fri, 08 Jan 2010 15:04:49 +0000

Hey Yannick, could you please provide URL to your model and buzz me online somehow? I think it is possible to resolve the problem, just need a bit more info. Your quote contains tiny syntax error – lack of last ‘ – it could be another reason.

Best,
Alex

By: Yannick

Yannick — Fri, 08 Jan 2010 13:50:22 +0000

can you chain selectors like this?

#wrap ul li { border-bottom-color: expression(this.parentNode.previousSibling==null?’red’:'black);}

i have 2 ul one after the other and can’t modufy the code.
I just want to change all li borders from the first ul but of course ul:firstchild doesn’t work in ie6

I thought i read somewhere a way to emulate it but can’t find it anymore

Cheers

By: Alex

Alex — Fri, 06 Nov 2009 21:46:40 +0000

Why? It can be done for padding and width as well with no problem.

By: Luke

Luke — Fri, 06 Nov 2009 11:09:08 +0000

Okay if you want to change the colour i guess, i found it to be usless if you want to change padding or width.

By: Alex

Alex — Fri, 25 Sep 2009 08:35:16 +0000

Gimme the URL please. I guess there are some img paths issues,

By: mediadot

mediadot — Fri, 25 Sep 2009 08:13:50 +0000

I suppose if you want to work to background-image you should write something like that:

#menu li ul li{
background-image: expression(this.previousSibling==null?’none’:’url(img/ponto_menu.gif)’);
}

Nah, not working for me (
Any ideas?

By: Alex

Alex — Wed, 21 Jan 2009 16:03:40 +0000

I suppose if you want to work to background-image you should write something like that:

#menu li ul li{
background-image: expression(this.previousSibling==null?’none’:’url(img/ponto_menu.gif)’);
}

By: Pirauá

Pirauá — Wed, 21 Jan 2009 14:58:03 +0000

I’m trying to use the following code:

#menu li ul li{
background: expression(this.previousSibling==null?’none’:'url(img/ponto_menu.gif)’);
}

But it doesn’t work. What’s wrong?

It only works when I use just color names like this:

#menu li ul li{
background: expression(this.previousSibling==null?’red’:'green’);
}