Sent by Steve Clay on 9 October 2003 20:08
Thursday, October 9, 2003, 10:22:46 AM, jsWalter wrote:
j> http://web.torres.ws/status.gif
j> |--------------------------------------|
j> | |----------------------------------| |
j> | |----------------------| | |
j> | | | | |
j> | |----------------------| | |
j> | |----------------------------------| |
j> | |----------------------| |--| | |
j> | | 67 | |10| | |
j> | |----------------------| |--| | |
j> | |----------------------------------| |
j> |--------------------------------------|
The picture doesn't match your ASCII art, it kinda confuses me.
Based on your ASCII art, something like this might work:
<div id="statusBar">
<div id="goal">
<div id="goalMarker">77</div>
</div>
<div id="status">
<div id="statusMarker">67</div> <span>10</span>
</div>
</div>
#statusBar { width:220px; padding:2px; border:1px black solid; font-size:14px }
#goal { padding:5px 0; border:1px #333 solid; }
#goalMarker { width:180px; height:20px ;background:#ccc;text-align:center; }
#status { padding:5px 0; border:1px #333 solid; border-top:none;
text-align:center}
#statusMarker { float:left; width:160px; background:#ccc; }
#status span {background:yellow; }
This essentially is what you had, sort of? Does it work in IE5?
j> Oh, also, I have a JS script that will expand/contract SPAN.fillNum and
j> SPAN.status.
SPAN, like other inline elements, will not obey the width property in
more compliant browsers (read: don't depend on it).
HTH,
Steve
--
http://mrclay.org/ * http://frenchhorns.mrclay.org/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
