Reversing an inherited effect (CSS) 1

[gwar2k1]

hey i have the following code:

writing-mode: tb-rl;
filter: flipv fliph;

which is in a DIV. it works fine but there are divs inside this div that I want normal horizontal, left to right text. I tried swapping the fliter line around, swapping the writing-mode line around, even trying bt-lr and all possible cominations but I cant get the text to be normal.

Any suggestions? Thanks

~*Gwar3k1*~
"To the pressure, everything's just like: an illusion. I'll be losing you before long..."

 

[jemminger]

this works for me:

#foo {
writing-mode:tb-rl;
filter:flipv fliph;
}
#foo * {
writing-mode:lr-tb;
filter:flipv fliph;
}
<div id=&quot;foo&quot;>
hello world
<div>other text</div>
</div>

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

 

[gwar2k1]

cool it works thanks =D didnt know you could use the * wild card thingy in CSS helps me a lot! have a star

~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;

 

[glenmac]

Thanks Jeff I didn't know about the &quot;wildcard thingy&quot; either. This brought up a question for me though. I tried your code and it works fine till I put a positioning style in one of the nested divs. Can you tell me what's happening here.

<style>#foo {
    writing-mode:tb-rl;
    filter:flipv fliph;
}
#foo * {
    writing-mode:lr-tb;
    filter:flipv fliph;
}</style>
<div id=&quot;foo&quot;>
    hello world
    <div style =&quot;position:relative; left:15px; top:0px;&quot;>other text</div>
<div>more text </div>            
</div>

Glen

http://www.lantzvillecomputers.ca

 

[jemminger]

hmmm... can't really say, except that IE's &quot;writing-mode&quot; seems to throw it all out of whack. personally i would keep any elements using &quot;writing-mode&quot; from having children - no pun intended

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

 

[glenmac]

hee hee guess your right Jeff, Anyone out there got any Ideas?

Glen

http://www.lantzvillecomputers.ca

 

[gwar2k1]

use absolutes instead of relatives. i know its a major pain but its all i can think of unless z-index has any affect (i dont think it will) sorry

~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;