Hi,
I have a form that can be displayed in edit mode and in readonly mode. For
the readonly mode, I tried the checkboxes with the disabled attribute, but
they are greyish and don't look very good either on screen or printed. 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 boxes are inside a TD. I
need it to work at least on FF 1.5 and 2 and IE 6 and 7.
The html would look like:
.box{ border:1px; width:1em;background-color:white;display:inline;}
<td>
<div class='box'></div>Male<div class='box'>X</div>Female
</td>
I tried a SPAN element, but inline elements cannot have a width. I tried a
DIV, it works unitl I use the 'display:inline'. IE 6 doesn't display the
bottom border on the 'X' and the empty DIV doesn't show at all, no borders.
FF 1.5 displays only a horizontal line in the middle when the DIV is empty.
Any suggestion?
Thanks
Fred
______________________________________________________________________
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/
