Thread: Forms with CSS

    #1
  1. No Profile Picture
    Web.Dev.
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Nottingham, UK
    Posts
    68
    Rep Power
    14

    Forms with CSS


    Hi all,

    I am trying to get forms with style sheets, the only way I know how is to use the STYLE attribute in the <INPUT> tag, but Netscape Navigator 4.x mashes up with this.

    I need styles in the seperate .css file. Please don't bore me witht eh <LINK REL=""> stuff. I know all that already.

    I have tried that <INPUT CLASS="inputcss"> but that don't work.

    Thnx for your time,
    Brent Newbury
  2. #2
  3. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2002
    Posts
    3
    Rep Power
    0
    in your external CSS just redefine the form tags you want, for example here is mine.

    Code:
    input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #C6C6AA}
    textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #C6C6AA }
    you could also make a custom class (like your .inputcss example) if you did not want it to be a global change. these two methods are much easier than in line CSS, and much more usable.

    about NN 4, it does not work in NN until 6. so its not you doing anything wrong, its just NN 4.
  4. #3
  5. No Profile Picture
    Web.Dev.
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Nottingham, UK
    Posts
    68
    Rep Power
    14
    Thnx for your reply but...

    This does not work, I have tried that already, the html file is embeded in PHP so that is probably the reason why. I'm using IE6.

    Thnx again, any other sugestions
    Brent
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Jan 2002
    Location
    Seattle WA
    Posts
    863
    Rep Power
    14
    The CSS/INPUT/NS4 combination is unpredictable, if it works at all. You're pretty much stuck to *really* basic CSS for input elements if you're using NS4, by my experience.
  8. #5
  9. No Profile Picture
    Web.Dev.
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Nottingham, UK
    Posts
    68
    Rep Power
    14

    Question New Problem


    I have a new problem now.

    I have images as borders and as I said I'm using PHP, this makes my pages dynamic... hence don't actually know the verticle height on my image is going to be... but how no Ratscape (Netscape) doesn't accept this. So what do I do?

    The problem is this, I'm making a product that it "out-of-the-box". So it must be able to work well in all major browsers.

    Here's my theory: "All internet web designers use Netscape to test whether their sites are compatible, and adjust their sites if they're not. Only 27% of Internet 'surfers' use browsers, other than Internet Explorer. So the people using Netscape are the website designers who want their sites to work in all browsers, especially the ones that nobody uses." - Brent Newbury & Ben Whittle


    Kind of a paradox.

    Anyway, thnx for all your time,
    Brent Newbury
  10. #6
  11. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2002
    Posts
    3
    Rep Power
    0
    i really wouldn't be too conserned with NN 4.x it is my experience that it is hell to develop for. you cannot do much with NN but the basics.

    saying that though, i do not see why you are having issues with image height with dynamic pages generated in php. can you give us a URL so we can check this out?
  12. #7
  13. No Profile Picture
    Web.Dev.
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2001
    Location
    Nottingham, UK
    Posts
    68
    Rep Power
    14
    dont' worry lads, I've done it.

    NN wasn't haveing any of <td width="20" height="100%"><img src="something.gif" width="20" height="100%"></td>

    but instead use:

    <td width="20" height="100%" background="something.gif"></td>

    thnx for all your time,
    Brent
    Last edited by $centurion; March 17th, 2002 at 07:02 PM.
  14. #8
  15. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2002
    Posts
    3
    Rep Power
    0
    yea, thats a netscape thing.

IMN logo majestic logo threadwatch logo seochat tools logo