Fred Janon wrote:
> [...] So I am trying to generate a square box either empty or an 'X'
> to reflect the state of the checkbox in read mode. So I need an
> element with a border all around, either empty or with an 'X' inside.
The following should work...
.box {border: solid 1px #000; position: relative; padding: 0 1px;}
<span class='box'>   </span> Male<span
class='box'>X</span>Female
...but the number of 'non breaking spaces' needed in the "empty" span
depends on which 'font-family' you use.
IE needs that 'position: relative;' in order to do a proper "paint job",
as it may otherwise get the stacking wrong and cut off what doesn't fit
within 'line-height'. Manipulating 'line-height' may also work.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
