SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS incompat is acceptable on Netscape, but not the mysterious boxes

    hey guys. i used an external CSS sheet on www.wvmimaging.com

    on the feedback section, i used some CSS too. on IE its fine, but on Netscape i get these boxes. I know the boxes have to do with the css, but how do i get rid of them? i dont see boxes on every other site that uses css on forms.

  2. #2
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Netscape does not support CSS for forms very well. I don't have Netscape here at work, so I can't see what you are referring to, but that is my guess straight up.

    Sketch
    Aaron Brazell
    Technosailor



  3. #3
    SitePoint Wizard johntabita's Avatar
    Join Date
    Mar 2001
    Location
    In a big, big house, with lotsa lotsa room
    Posts
    1,062
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)
    I had the same problem recently. The problem is that Netscape 4 doesn't like the border property.

    I posted the question here and what I did to fix it.

    I don't know if my solution was the best, but it worked for me.

  4. #4
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that didnt work for me. i already had classes and if i used px instead of pt the sizes got screwed. anyone else know a way?

  5. #5
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The best way to do it would be to use the @import property.

    What you do is to put your borders and so forth into the imported CSS as Netscape 4.x does not support the @import property.

  6. #6
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    @ import? whats that? im using link rel stylesheet right now. how do you do what you're talking about?

  7. #7
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Geiger...I'm still checking on the box issue, but I noticed some problems in your stylesheet. Take a look here:


    Your CSS:
    .inputborder { border-color: #003366 black; font: 8pt Arial, Helvetica, sans-serif; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

    .inputnoborder {font: 8pt Arial, Helvetica, sans-serif;}

    body { font-family: Arial, Helvetica, sans-serif; size: 2}

    .form { font: 8pt Arial, Helvetica, sans-serif}

    a:hover { color: #006666}


    You refer to "font" several times but there is no "font" property in CSS. For example, in .inputborder you say "font: 8pt Arial, Helvetica, sans-serif;" which is two different properties "font-size" and "font-family".

    Again in ".inputnoborder" you refer to the same thing.

    and again in ".form".

    The CSS would be correct if written like so:

    font-size: 8pt; font-family: Arial, Helvetica, sans-serif;

    Also in your body declaration, you refer to size: 2, when there is no "size: 2" measurement in CSS. The correct implementation would be font-size: 10pt or font-size: .8em.

    One last thing, you might want to get into the habit of putting a ; after EVERY attribute, even the ones at the very end before the } like in your body declaration.

    I'm still working on the box issue. I'll let you know if I find something.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  8. #8
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by geiger
    @ import? whats that? im using link rel stylesheet right now. how do you do what you're talking about?
    At the top of the style sheet you are linking to, do this.

    @import url(http://myurl/mycss.css);

    Of course it can be a relative URL also.

    Now what you do is to move your offending styles to "mycss.css". Like I've mentioned, Netscape 4.x won't pick it up as it does not support the @import property.

  9. #9
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    creole the "font" property is perfectly valid. It is a shorthand which can combines the properties font-weight, font-style, font-size, line-height and font-family. That's just for CSS Level 1, I believe there are one or two other properties defined in CSS Level 2, but their names escape me right now.

    Apart from font, you can also do shorthands for background, border, margin and padding, and a few others.

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My bad. I tend not to use shorthand like that as it makes it too easy to make mistakes.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    duckie, font can only be used like this:
    font { font-family: sans-serif; etc, etc;}
    It cannot be used in the method it was being used.

    Sketch
    Aaron Brazell
    Technosailor



  12. #12
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  13. #13
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i used dreamweaver for most of that coding. if dreamweaver says it works, it probably does. and it DOES work. but why is it that the link rel is automatically used if its not very capable with netscape and there is certain errors like my boxes?

  14. #14
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe a link to the official specifications:

    http://www.w3.org/TR/REC-CSS1#font

    Just a word of warning before you guys rush off to shorthand all your "font-x". You must describe the font-face in your font property. Netscape (maybe 4.x and definitely 6.0) will not pick it up.

  15. #15
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    geiger, linking to external stylesheets works perfectly fine in Netscape 4.x. The problem is, Netscape 4.x screws up when you put a solid border attribute on form elements.

    What I am proposing, which is the @import property, is not supported by Netscape 4.x, thus hiding whatever you import from Netscape. Get it?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •