Results 1 to 3 of 3

Thread: custom CSS

  1. #1
    Senior Member
    Join Date
    May 2002
    Posts
    147

    custom CSS

    ive got a CSS that uses dot notation for the styles, however, I've been told it doesn't work in Firefox, while it does in IE, any ideas?
    The site is just for a demo so it only needs to work in IE but you know how team members can be insistent...

    .header {font-family:Tahoma, sans-serif;
    font-size: 12px; COLOR:#000000;
    padding-left:10; padding-right:5;
    font-weight:900 }

    .text {font-family:Tahoma, sans-serif;
    font-size: 16px; color:#000000;
    padding-left:20; padding-right:10 }

    .text2 {font-family:Tahoma, sans-serif;
    font-size: 12px; color:#000000;
    padding-left:20; padding-right:10;
    font-weight:100; }

    .news {font-family:Arial, sans-serif;
    font-size: 9px; color:#ffffff;
    padding-left:10; padding-right:5;
    font-weight:900; }

    Styles for links
    a:link{text-decoration: underline; color:#009999}
    a:visited{text-decoration: underline; color: #000099}
    a:hover{text-decoration: underline; color: #009999}
    a:active{text-decoration: underline; color: #009999}

    .background {
    background-image: url(images/l3.jpg);
    }

    .largeheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000000;
    }

    .unnamed1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 16pt;
    text-indent: 50%;
    position: relative;
    }

    .unnamed2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    left: 0px;
    margin-left: 50px;
    }
    Mama always said, keep your virus definitions up to date.

  2. #2
    At one point I had a CSS with a "dot-notation" style, and I use Firefox....it should work just fine on Firefox.

  3. #3
    Senior Member
    Join Date
    Jan 2002
    Posts
    227
    "Dot notation" is nothing special and it works in firefox. What exactly isn't working? I see one mistake in your css - you have to use units when specifying padding (or whatever). So it should be: padding-right:20px; etc...
    http://promote.opera.com/small/opera94x15.gif

    [gloworange]Sun7dots[/gloworange]

Posting Permissions

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