[css-d] Direction: rtl inverting an image?
This is too strange. In IE5.5, some background images that are contained in
a div defined with direction:rtl are being inverted and in some cases even
turned inside out. I want to know how CSS can corrupt an actual image
file!?!
The screen caps showing the correct and incorrect image placements are here:
http://www.ddiv.com/clients/voa/final_builds_modified_110107/screencaps.htm
The file without the weird images (where code works) is here:
http://www.ddiv.com/clients/voa/final_builds_modified_110107/test.html
And the file with the .headlineListCalloutSide text called, where the
problem occurs, is here:
http://www.ddiv.com/clients/voa/final_builds_modified_110107/test_problem.html
WHen this piece of CSS code is called, the images break:
.headlineListCalloutSide {
width: 190px;
float: left;
margin: 10px 2px 0 0;
padding: 0 0px 0 0;
direction:rtl;
}
It makes no sense!?! Am I not seeing a typo somewhere?
Anne
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Direction: rtl inverting an image?
Right, well I've just figured out the fix - just don't know WHY it made the
graphics behave that way. By removing
margin: 10px 2px 0 0;
from the code I mention below, the graphics right themselves. Anyone
encountered this strange behavior before, and is there a rational
explanation for it?
Anne
- Original Message -
From: Anne E. Shroeder [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Thursday, December 20, 2007 7:29 PM
Subject: [css-d] Direction: rtl inverting an image?
This is too strange. In IE5.5, some background images that are contained
in
a div defined with direction:rtl are being inverted and in some cases even
turned inside out. I want to know how CSS can corrupt an actual image
file!?!
The screen caps showing the correct and incorrect image placements are
here:
http://www.ddiv.com/clients/voa/final_builds_modified_110107/screencaps.htm
The file without the weird images (where code works) is here:
http://www.ddiv.com/clients/voa/final_builds_modified_110107/test.html
And the file with the .headlineListCalloutSide text called, where the
problem occurs, is here:
http://www.ddiv.com/clients/voa/final_builds_modified_110107/test_problem.html
WHen this piece of CSS code is called, the images break:
.headlineListCalloutSide {
width: 190px;
float: left;
margin: 10px 2px 0 0;
padding: 0 0px 0 0;
direction:rtl;
}
It makes no sense!?! Am I not seeing a typo somewhere?
Anne
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Direction: rtl inverting an image?
From: Anne E. Shroeder [EMAIL PROTECTED] Right, well I've just figured out the fix - just don't know WHY it made the graphics behave that way. By removing margin: 10px 2px 0 0; from the code I mention below, the graphics right themselves. Anyone encountered this strange behavior before, and is there a rational explanation for it? http://www.ddiv.com/clients/voa/final_builds_modified_110107/screencaps.htm Simply based on your screen shots alone, I'd say that the images weren't being turned inside out, but were instead positioned differently, and repeating. Since the area they were to display in was so small, you got the repeat in the middle of the image in that browser, and thus saw the end of one repetition and the beginning of the next, which made them look rather odd. Just a guess, though. ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
