I'm trying to make a SELECT form that contains monospaced text
where the headings and columns in the text align.
Here's the HTML I've been using that seems to work on all browsers
/except/ safari:
--- snip
<HTML>
<HEAD><TITLE>www-rush</TITLE>
<style type="text/css">
.ttyfont { font-family: monospace; }
</style>
</HEAD>
<FORM METHOD="POST" ACTION="/cgi-bin/test?-post">
<SELECT NAME="Tty" MULTIPLE SIZE=20 CLASS=ttyfont>
<OPTION VALUE="a">IPXXX Hosts #Ram&n bsp; Cpus Priority
<OPTION VALUE="b">MMMM efgh &n bsp;1111 999 0
<OPTION VALUE="c">IIII abcd &n bsp;9999 999 0
<OPTION VALUE="d">CCCC wxyz &n bsp;8888 999 0
</SELECT>
</FORM>
</HTML>
--- snip
I've tried on various platforms, including Mozilla (linux + OSX),
Konqueror, Firefox, and Opera.
Is there a way to make this work correctly, so the SELECT form shows up
in a monospaced font? All the columns should align.
Platform info:
Mac OS X (10.3.6)
Safari Version 1.2.4 (v125.12)