5 Replies - 1660 Views - Last Post: 25 October 2001 - 02:43 PM

#1 adimiron  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 11
  • Joined: 27-August 01

Damnable Cross-platform Forms

Posted 10 October 2001 - 06:14 PM

I am a bit stumped here.  I am trying to create some forms-based pages for an ecommerce product and I want the input fields to look the same in MSIE and NS.  Is there any way to control them?  I know I can use the size="#" attribute in the <input> tag, but that isn't carrying over to NS.

Do I have to define classes in CSS that specify widths in Px?  And then apply them to each individual <input> tag (since I have a few default sizes)?

Lemme know, or if you need more detail :)

-adi


Is This A Good Question/Topic? 0
  • +

Replies To: Damnable Cross-platform Forms

#2 sw00zh  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 35
  • Joined: 13-August 01

Re: Damnable Cross-platform Forms

Posted 13 October 2001 - 07:47 AM

<style type="text/css">
input {width: 120px;}
</style>

You can must change 120px..Every input-thing will be 120px, also buttons, etc.

You can change that with using other CSS classes for that.

Grtz

(Edited by sw00zh at 10:48 am on Oct. 13, 2001)

Was This Post Helpful? 0
  • +
  • -

#3 adimiron  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 11
  • Joined: 27-August 01

Re: Damnable Cross-platform Forms

Posted 15 October 2001 - 09:54 AM

hrm...I've given it a try, and Netscape appears to ignore it.  Mind you, I am trying to do this for Version 4+ browsers, which are unfortunately still in corporate use.

I used the following CSS
____________________________________

INPUT {

  background: transparent;
  background-color: White;
  border: 1px solid #000000;
  color: #000000;
  font-family: Verdana,Arial,Helvetica;
  font-size: x-small;
  text-align: left;
  scrollbar-face-color: #CCCCCC;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #000000

}

.largeinput {

  width: 120px
 
}

.mediuminput {

  width: 70px
 
}

.smallinput {

  width: 20px
 
}

____________________________________

and I called the classes a la:
<input type="text" class="largeinput">

but netscape is still not paying attention.  Bastards.

Was This Post Helpful? 0
  • +
  • -

#4 gneato  Icon User is offline

  • <title>Untitled Document</title>

Reputation: 0
  • View blog
  • Posts: 1,311
  • Joined: 03-September 01

Re: Damnable Cross-platform Forms

Posted 15 October 2001 - 10:00 AM

netscape 4.X doesn't really support css. It supports some limited options, but nothing like it should.
Was This Post Helpful? 0
  • +
  • -

#5 adimiron  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 11
  • Joined: 27-August 01

Re: Damnable Cross-platform Forms

Posted 15 October 2001 - 10:14 AM

buncha bastards, they are.

I would love if I could even just use
<input type="text" size="70">

but even *that* doesn't seem to work.

Thank god they sold themselves to AOL so they can continue to die a slow and non-aesthetically pleasing death

Was This Post Helpful? 0
  • +
  • -

#6 adimiron  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 11
  • Joined: 27-August 01

Re: Damnable Cross-platform Forms

Posted 25 October 2001 - 02:43 PM

son of a bitch.
I think I figured it out.

Netscape needs <input> and other form elements to belong to a <form> tag without having anything in between in the way of tables and othersuch crap.  Blah.

I've seen it validate with a warning millions of times, but never thought of it this way.

Anyone else have similar results?

-adi

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1