tee wrote:
http://lotusseedsdesign.com/opera-test/opera.html [1] input element
or class has background color borders - no checkmark (or tiny
checkmark depending on the width/height of the class for input
element) in checkbox.
Padding seems to cover the area, and does so until the padding becomes
too large so padding from all sides starts overlapping inwards. Once
that happens the checkbox presents its status properly again.
In your test-page, with 'input {border:1px solid #555;padding: 5px;...
}' there's 1 red pixel visible when checked.
With 'input {border:1px solid #555;padding: 6px;... }' there's no
visible check-mark when checked.
With 'input {border:1px solid #555;padding: 7px;... }' the checkbox and
check-mark appears normal. Continue to do so on larger padding, but (of
course) eventually the padding becomes so large that it breaks the
checkbox apart.
Conclusion: one or more nonsensical bugs for styled checkbox in Opera.
[2] input element or class has background color, no borders -
checkmark shows up alright.
[3] input element has no background color, no borders and no class
added - see second checkbox/radio button example.
http://lotusseedsdesign.com/opera-test/opera-nobg-in-input.html
So, [1] seems to be a bug. What about [2] and [3]? Which one is the
correct rendering? It looks like none of them are correct because
they are all inconsistent.
If by "inconsistent" you mean "don't appear identical across
browser-land and OEes", then you won't find a "correct" one in Opera.
Opera seems to use its own across OSes, while for instance Firefox seems
to change with (rely on) OS. They will never look the same.
[2] is probably the best shot at "consistency" based on what I see on my
win-OSes, but it definitely doesn't look the same in Opera 9.52 and
Firefox 3.0.1 on win2K.
regards
Georg
--
http://www.gunlaug.no
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
