Thread: css in netscape

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Belgium
    Posts
    16
    Rep Power
    0

    css in netscape


    I have made some pages with css styling.

    This works perfect with IE, but he just ignores the css styling in netscape.

    An example, I made an tumbnail from a picture, set the size in css, works perfect in IE, but he ignores it in netscape.

    See example
    http://www.bvkb.be/BVKB/Sportklimmen...inale/test.php

    Can anywhone help me how this comes.
    On another page he takes some of the css, en some not.


    Thanks
  2. #2
  3. Moderator Emeritus
    Devshed Supreme Being (6500+ posts)

    Join Date
    Feb 2002
    Location
    Austin, TX
    Posts
    7,186
    Rep Power
    2265
    moved to css forum from php forum
    DrGroove, Devshed Moderator | New to Devshed? Read the User Guide | Connect with me on LinkedIn
  4. #3
  5. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    don't put html tags in the css file.
    so remove the style-tags and html-comment tags

    to write comments in css use:
    /* this is a comment */
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Belgium
    Posts
    16
    Rep Power
    0
    This is the class, in an external file

    .tumbnail {
    border: thin solid #FFFF00;
    height: 80px;
    width: auto;
    text-decoration: none;
    }

    This is the code used to show the tumbnails.
    In Netscape he doesn't display this.

    <a href="#" onClick="showPicture('<?=$foto?>')"><img src="<?=$foto?>" class="tumbnail"></a>

    Don't think I used html tags, I think it's something wrong with the a href. Do I have to put the class there????

    Any help would be great.

    Thanks
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Belgium
    Posts
    16
    Rep Power
    0
    I found the solution.

    I make the external css file in dreamweaver, and for one or other reason he doesn't accept the first style in dreamweaver itself.
    I mean that when you apply a class he gives a list of the availeble classes, and the first doesn't show in the list.
    With IE doesn't this seem to matter, in netscape it does.
    So i made the first one to be an dummy, and than it works.
    The css file looks like

    <style type="text/css">
    <!--
    .leeg {
    }
    .tumbnail {
    border: thin solid #FFFF00;
    height: 80px;
    width: auto;
    text-decoration: none;
    }
    -->
    </style>

    So he doesn't list the leeg, but all the rest is no prob.
    Anyone an idee why this is?????

    Greetz
  10. #6
  11. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956
    Code:
    <style type="text/css">
    <!--
    .leeg {
    }
    .tumbnail {
    border: thin solid #FFFF00;
    height: 80px;
    width: auto;
    text-decoration: none;
    }
    -->
    </style>
    as Akh said, have no html tags, including html comment tags in the CSS file. Delete the lines colored red.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Belgium
    Posts
    16
    Rep Power
    0
    This was indeed the problem.
    A little bit a fault in dreamweaver, because I asked new, and than css style sheet (or something like it).
    An than he gives a layout with the red (deleted) part in it.

    Stranges, but what the heck, it all works fine now.


    Thanks for the help


    Fluppe

IMN logo majestic logo threadwatch logo seochat tools logo