RE: Input type = arrrrh!
To get around this problem, I set global variables that dynamically assign
the size attribute values based on browser type. I use the cf_browsercheck
tag to get the browser, and then do this:
netscrape = false;
if (bc_browser is "netscape") {
netscrape = true; }
// form field params
fieldsize.text = iif(netscrape,20,40);
fieldsize.textarea = iif(netscrape,30,60);
I only do this for Netscape vs. IE, but the concept could be expanded to
account for the Mac versions as well, methinks.
- Sean
~~
Sean Daniels
Manager, Engineering
(T): 207.363.7374
(C): 978.764.0799
~~
http://www.dealforce.com
http://www.mergernetwork.com
> -Original Message-
> From: Gavin Myers [mailto:[EMAIL PROTECTED]]
> Sent: Tuesday, October 31, 2000 12:05 PM
> To: CF-Talk
> Subject: Input type = ah!
>
>
> I made this little thing:
> http://www.lightrodsoft.com/test/input.cfm
>
> those are examples of what this looks like on the listed types of
> browsers/computers
>
>
>
>
> anyone have any hints as to making this display more universal?
>
> thanks,
>
> Gavin
> --
> --
> Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
> Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
> or send a message with 'unsubscribe' in the body to
> [EMAIL PROTECTED]
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message
with 'unsubscribe' in the body to [EMAIL PROTECTED]
RE: Input type = arrrrh!
> > I made this little thing: > > http://www.lightrodsoft.com/test/input.cfm > > > > those are examples of what this looks like on the listed types of > > browsers/computers > > > > > > > > > > anyone have any hints as to making this display more universal? If you wrap your inputs and textareas with tags, you'll get widths similar to IE. Leave those off, and your NS field widths will expand by up to 50% wider than IE. Using this method, you can still use fancy CSS classes on your input fields for IE... IE will ignore the tag and use the class settings. BTW, you can specify field widths in your CSS... even for select boxes. Just use width=200px (or whatever). And you can specify height=whatever for textareas, too. Of course, Netscape ignores these settings. Ron Allen Hornbaker President/CTO Humankind Systems, Inc. http://humankindsystems.com mailto:[EMAIL PROTECTED] Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message with 'unsubscribe' in the body to [EMAIL PROTECTED]
RE: Input type = arrrrh! -fixed-
that's what i was looking for, thanks Courtney! -Original Message- From: Courtney Payne [mailto:[EMAIL PROTECTED]] Sent: Tuesday, October 31, 2000 12:30 PM To: CF-Talk Subject: RE: Input type = ah! Gavin, If you're concerned about the field widths, what I usually do is specify the size attribute with Netscape in mind, then define a style 'on top of it' for my IE users. ex. Netscape picks up the size=25 and ignores the style while the style takes *precedence* over the size attribute in IE. Using both settings combined you can get the fields to be the same width in both browsers. Courtney E. Payne, Developer Fig Leaf Software "We've got you covered" [EMAIL PROTECTED] www.figleaf.com -Original Message- From: Gavin Myers [mailto:[EMAIL PROTECTED]] Sent: Tuesday, October 31, 2000 12:05 PM To: CF-Talk Subject: Input type = ah! I made this little thing: http://www.lightrodsoft.com/test/input.cfm those are examples of what this looks like on the listed types of browsers/computers anyone have any hints as to making this display more universal? thanks, Gavin Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message with 'unsubscribe' in the body to [EMAIL PROTECTED] Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message with 'unsubscribe' in the body to [EMAIL PROTECTED] Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message with 'unsubscribe' in the body to [EMAIL PROTECTED]
RE: Input type = arrrrh!
As far as width goes, you can set it like size="25", and that will apply to
NN4, but if you put style="width:50px;" or whatever, only IE4+ (I think -
might be 5+) will interpret that, so you can make them look the same. For
more than that, you will need to get into browser detection.
Cheers
Mark
-Original Message-
From: Jaime Garza [mailto:[EMAIL PROTECTED]]
Sent: Tuesday, October 31, 2000 5:33 PM
To: CF-Talk
Subject: RE: Input type = ah!
For my IE versions I use
.inputtext {border:1px solid black;background:white;}
.inputselect{border:1px solid black;background:white;}
and then
This gives a flat look to the edit boxes. I have no idea about NN... I bet
you are either a graphic designer, or you have a graphic designer up your
back :) Most people (including users) don't care about those little things.
> -Original Message-
> From: Gavin Myers [mailto:[EMAIL PROTECTED]]
> Sent: Tuesday, October 31, 2000 9:05 AM
> To: CF-Talk
> Subject: Input type = ah!
>
>
> I made this little thing:
> http://www.lightrodsoft.com/test/input.cfm
>
> those are examples of what this looks like on the listed types of
> browsers/computers
>
>
>
>
> anyone have any hints as to making this display more universal?
>
> thanks,
>
> Gavin
> --
> --
> Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
> Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
> or send a message with 'unsubscribe' in the body to
> [EMAIL PROTECTED]
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a
message with 'unsubscribe' in the body to [EMAIL PROTECTED]
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message
with 'unsubscribe' in the body to [EMAIL PROTECTED]
RE: Input type = arrrrh!
Applying a border style to select boxes causes netscape to
totally not render them.
On top of not rendering them the field is not even passed
to the next page causing an area.
There is a trick to making this work a little better.
Set the font to something like monospace... example
.temp {
font-family:monospace;
font-size:10pt;
}
Looks more uniform across the board.
Including NN, and it does not cripple functionality
either.
They still do not match *exactly* but this is one
of the most cross browser ways to achieve this.
Definately dont apply border sizes to text fields
if they must be consistentfrom browser to browser,
consistency is a good thing.
Jeremy Allen
ElliptIQ Inc.
-Original Message-
From: Jaime Garza [mailto:[EMAIL PROTECTED]]
Sent: Tuesday, October 31, 2000 12:33 PM
To: CF-Talk
Subject: RE: Input type = ah!
For my IE versions I use
.inputtext {border:1px solid black;background:white;}
.inputselect{border:1px solid black;background:white;}
and then
This gives a flat look to the edit boxes. I have no idea about NN... I bet
you are either a graphic designer, or you have a graphic designer up your
back :) Most people (including users) don't care about those little things.
> -Original Message-
> From: Gavin Myers [mailto:[EMAIL PROTECTED]]
> Sent: Tuesday, October 31, 2000 9:05 AM
> To: CF-Talk
> Subject: Input type = ah!
>
>
> I made this little thing:
> http://www.lightrodsoft.com/test/input.cfm
>
> those are examples of what this looks like on the listed types of
> browsers/computers
>
>
>
>
> anyone have any hints as to making this display more universal?
>
> thanks,
>
> Gavin
> --
> --
> Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
> Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
> or send a message with 'unsubscribe' in the body to
> [EMAIL PROTECTED]
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a
message with 'unsubscribe' in the body to [EMAIL PROTECTED]
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message
with 'unsubscribe' in the body to [EMAIL PROTECTED]
RE: Input type = arrrrh!
Gavin, If you're concerned about the field widths, what I usually do is specify the size attribute with Netscape in mind, then define a style 'on top of it' for my IE users. ex. Netscape picks up the size=25 and ignores the style while the style takes *precedence* over the size attribute in IE. Using both settings combined you can get the fields to be the same width in both browsers. Courtney E. Payne, Developer Fig Leaf Software "We've got you covered" [EMAIL PROTECTED] www.figleaf.com -Original Message- From: Gavin Myers [mailto:[EMAIL PROTECTED]] Sent: Tuesday, October 31, 2000 12:05 PM To: CF-Talk Subject: Input type = ah! I made this little thing: http://www.lightrodsoft.com/test/input.cfm those are examples of what this looks like on the listed types of browsers/computers anyone have any hints as to making this display more universal? thanks, Gavin Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message with 'unsubscribe' in the body to [EMAIL PROTECTED] Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/ Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message with 'unsubscribe' in the body to [EMAIL PROTECTED]
RE: Input type = arrrrh!
For my IE versions I use
.inputtext {border:1px solid black;background:white;}
.inputselect{border:1px solid black;background:white;}
and then
This gives a flat look to the edit boxes. I have no idea about NN... I bet
you are either a graphic designer, or you have a graphic designer up your
back :) Most people (including users) don't care about those little things.
> -Original Message-
> From: Gavin Myers [mailto:[EMAIL PROTECTED]]
> Sent: Tuesday, October 31, 2000 9:05 AM
> To: CF-Talk
> Subject: Input type = ah!
>
>
> I made this little thing:
> http://www.lightrodsoft.com/test/input.cfm
>
> those are examples of what this looks like on the listed types of
> browsers/computers
>
>
>
>
> anyone have any hints as to making this display more universal?
>
> thanks,
>
> Gavin
> --
> --
> Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
> Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists
> or send a message with 'unsubscribe' in the body to
> [EMAIL PROTECTED]
Archives: http://www.mail-archive.com/cf-talk@houseoffusion.com/
Unsubscribe: http://www.houseoffusion.com/index.cfm?sidebar=lists or send a message
with 'unsubscribe' in the body to [EMAIL PROTECTED]
