473,320 Members | 1,823 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

a Safari CSS issue: Can't set monospace font in SELECT html FORM

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&nbsp;&nbsp;Hosts&nbsp;&nbsp;#Ram&n bsp;&nbsp;Cpus&nbsp;Priority
<OPTION VALUE="b">MMMM&nbsp;&nbsp;&nbsp;efgh&nbsp;&nbsp;&n bsp;1111&nbsp;&nbsp;999&nbsp;&nbsp;0
<OPTION VALUE="c">IIII&nbsp;&nbsp;&nbsp;abcd&nbsp;&nbsp;&n bsp;9999&nbsp;&nbsp;999&nbsp;&nbsp;0
<OPTION VALUE="d">CCCC&nbsp;&nbsp;&nbsp;wxyz&nbsp;&nbsp;&n bsp;8888&nbsp;&nbsp;999&nbsp;&nbsp;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)
Jul 21 '05 #1
2 5391
Greg Ercolano <er**@3dsite.com> wrote:
Here's the HTML I've been using that seems to work on all browsers
/except/ safari:


You can never expect that you can style form fields because when the
browser uses the controls of the operating system (which is done by
Safari and also some other browsers), then the operating system decides
how these controls look like. If you know MacOSX and its "Aqua"
appearance than you'll understand that many of these "Aqua" contaols can
not be styled using CSS, there's no real border or background in these
controls, everything uses complex 3D effects, transparencies etc.

Other browsers which draw all the controls themselves can style form
elements without problem, but then theses controls will look different
to the ones of the operating system.

--
Alexander
Jul 21 '05 #2
> Other browsers which draw all the controls themselves can style form
elements without problem, but then theses controls will look different
to the ones of the operating system.


Agreed that GUI toolkits will often have a different look from the OS,
and certainly Apple goes out of its way to make clear guidelines for
the overall look of general applications.

But I can't believe the Aqua guidelines are preventing Safari from being
able to change the fonts of the button and browser widgets it's using
for forms. Both the Cocoa and Carbon APIs are perfectly capable of
changing the fonts of widgets.

A quick visit to Apple's Interface Builder shows the fonts of the
buttons and browsers can be changed to e.g. fixed width fonts:
http://seriss.com/people/erco/tmp/ma...th-widgets.png

For now, the Mac users of the app in question have to use alternate
browsers (Mozilla + Explorer), because this app is very dependent
on the ability to present columnar data in a FORM/SELECT browser.

They'd prefer to use Safari since it does have a nicer interface,
but utility presides over cosmetics here, so for now they can't use it.

Unless the original CSS posted is lacking something, looks like
Safari might need to catch up on its CSS support.

Jul 21 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: dumblede | last post by:
Hello fellows, i would like to center a 800px wide 600px high content area without using frames. I have "come up" with the following solution so far. It works under IE 6.0, Firefox 1 (under...
5
by: sanj | last post by:
Hi all, My site is located at: http://www.eastdayspa.com/index.html I have use these main styles /* main styles */
5
by: BaWork | last post by:
I have a web form where a client can select which site members to send an email to. This form is populated from the contents of the member table, so the form can have 0-x names listed on it...
5
by: jmdocherty | last post by:
All, I've been trying to set up a CSS layout and all seems well in Firefox but in Safari it just seems to be plain weird! I hope someone can help tell me whether this is a problem with my code...
2
by: cbjewelz | last post by:
Hey all. So I'm having problems with cross browser alignments. I'm looking at Safari and Mozilla Firefox. I develop in Safari and so it looks perfect there however in Firefox my vertical...
2
by: justplain.kzn | last post by:
Hi, I have a table with dynamic html that contains drop down select lists and readonly text boxes. Dynamic calculations are done on change of a value in one of the drop down select lists. ...
1
by: klaul | last post by:
Hi there. I'm having an issue with autopostback, in that it doesn't seem to be working! The webform I am using pulls the data from an AccessDataSource to populate the gridview, which has Edit and...
5
by: loveshack | last post by:
Can anyone help me please (i am quite a novice, but having fun learning). Im not sure if this is an ASP problem, a javascript problem or a browser problem. Firstly, everything i have written...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.