Mozilla style sheets

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Babylon
    Senior Member
    • Feb 2002
    • 331

    #16
    Originally posted by Dave#
    I think you misunderstand, there is a space when you view the stylesheet



    It's only this enhanced (sic) VB interface which is messing with the formatting
    You didn't add in the line ending for the font style info. Every line should end with a ; , it's not enough to seperate them with a return for properly valid code (And mozilla is esp strict).

    here's a working version:
    Code:
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px;
    scrollbar-arrow-color: #FF0000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    background-image: url([url="http://www.cpfc.org/ubb/bk2.gif"]http://www.cpfc.org/ubb/bk2.gif[/url]);
    }
    Also, i combined the background image into one body class as before you had two seperate ones, which you should not do

    Code:
    BODY   {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
    scrollbar-face-color:white;
    scrollbar-arrow-color:red;
    scrollbar-track-color:white;
    margin: 0px 0px;
    }
    body { background-image: url([url="http://www.cpfc.org/ubb/bk2.gif"]http://www.cpfc.org/ubb/bk2.gif[/url]) }
    is invalid, plus again you didn't add the line ending character ';'
    Last edited by Babylon; Sun 27 Jul '03, 9:59am.

    Comment

    • Dave#
      Senior Member
      • Jul 2000
      • 1845

      #17
      Originally posted by Babylon
      You didn't add in the line ending for the font style info. Every line should end with a ; , it's not enough to seperate them with a return for properly valid code (And mozilla is esp strict).

      here's a working version:
      Code:
      body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      margin: 0px 0px;
      scrollbar-arrow-color: #FF0000;
      scrollbar-face-color: #FFFFFF;
      scrollbar-track-color: #FFFFFF;
      background-image: url([url="http://www.cpfc.org/ubb/bk2.gif"]http://www.cpfc.org/ubb/bk2.gif[/url]);
      }
      Also, i combined the background image into one body class as before you had two seperate ones, which you should not do
      Code:
      BODY {
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
      scrollbar-face-color:white;
      scrollbar-arrow-color:red;
      scrollbar-track-color:white;
      margin: 0px 0px;
      }
      body { background-image: url([url="http://www.cpfc.org/ubb/bk2.gif"]http://www.cpfc.org/ubb/bk2.gif[/url]) }
      is invalid, plus again you didn't add the line ending character ';'
      Many thanks - that is perfect. I really appreciate the help.

      Dave
      http://forums.cpfc.org/

      Comment

      • Faruk
        Senior Member
        • Aug 2001
        • 1320
        • 3.0.0 'Gold'

        #18
        Originally posted by Babylon
        Also, i combined the background image into one body class as before you had two seperate ones, which you should not do
        Actually, that doesn't matter one bit. CSS's name itself says that: CASCADING style sheets.

        You are free to re-declare the same class/element properties a thousand times for all it cares, as long as each declaration is a valid one. Also, it will use the last declarations of each property in the eventual page.


        And Dave, please keep in mind that scrollbar-stuff only works in IE, as it is not valid CSS and should not be used to begin with, actually. It's Microsoft-proprietary code, nothing that actually belongs on Internet webpages...

        Comment

        • Dave#
          Senior Member
          • Jul 2000
          • 1845

          #19
          Originally posted by 1337Devil
          And Dave, please keep in mind that scrollbar-stuff only works in IE, as it is not valid CSS and should not be used to begin with, actually. It's Microsoft-proprietary code, nothing that actually belongs on Internet webpages...
          Y A W N

          Thanks for that input - I will bear it in mind
          http://forums.cpfc.org/

          Comment

          • Faruk
            Senior Member
            • Aug 2001
            • 1320
            • 3.0.0 'Gold'

            #20
            Nice attidue

            :down:

            Comment

            • buro9
              Senior Member
              • Aug 2000
              • 415
              • 3.8.x

              #21
              What you posted works fine... maybe you have an older Mozilla with a bug in the css.

              I wasn't able to have any problem with your snippet.

              Maybe you've got conflicting styles elsewhere in your stylesheet.

              LOL... just realised that you do cpfc.org... hehe... I've only just left work at Premium TV
              London Fixed-gear and Single-speed

              Comment

              • Dave#
                Senior Member
                • Jul 2000
                • 1845

                #22
                Originally posted by buro9

                LOL... just realised that you do cpfc.org... hehe... I've only just left work at Premium TV



                what lovely people
                http://forums.cpfc.org/

                Comment

                • Mainer82
                  Senior Member
                  • Apr 2003
                  • 1285
                  • 1.1.x

                  #23
                  This is what you need to have for (also fix the underlines and what not to the way you want them. You can also take out the font specifics too if you want.):

                  External Style sheet:
                  Code:
                  a:link {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: none
                  }
                  a:visited {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: none
                  }
                  a:active {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: none
                  }
                  a:hover {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: underline
                  }
                  Internal style sheet:
                  Code:
                  <style type="text/css">
                  a:link {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: none
                  }
                  a:visited {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: none
                  }
                  a:active {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: none
                  }
                  a:hover {
                  	font-family: Georgia, Times New Roman, Times, serif;
                  	color: #FFFFFF;
                  	font-size: 13px;
                  	text-decoration: underline
                  }
                  </style>

                  Comment

                  • Dave#
                    Senior Member
                    • Jul 2000
                    • 1845

                    #24
                    Back again - style sheets are a nightmare aren't they

                    need more help:

                    This page:



                    * In mozilla the header links are in bold but not in IE
                    * In IE the links are red and hover white but in mozilla they aren't
                    * In IE the whole thing in centered in moz it's not

                    Anyone help me fix this CSS conundrum?
                    http://forums.cpfc.org/

                    Comment

                    • diades
                      Senior Member
                      • Jul 2002
                      • 291
                      • 3.5.x

                      #25
                      Hi Guys

                      I don't know if this is sorted or not yet but this:
                      Code:
                      BODY {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serifscrollbar-face-color:white;scrollbar-arrow-color:red;scrollbar-track-color:white;margin: 0px 0px;}
                      or this:
                      Code:
                      BODY {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif scrollbar-face-color:white;scrollbar-arrow-color:red;scrollbar-track-color:white;margin: 0px 0px;}
                      should be:
                      Code:
                      BODY {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif[COLOR=Red];[/COLOR]scrollbar-face-color:white;scrollbar-arrow-color:red;scrollbar-track-color:white;margin: 0px 0px;}
                      There is also no need to have:
                      margin: 0px 0px;
                      it can be written:
                      margin:0;

                      hth
                      Later
                      Keith

                      Webxpertz Community for Webmasters & Developers

                      Comment

                      • Mental Stamina
                        Senior Member
                        • Aug 2000
                        • 104
                        • 3.0.3

                        #26
                        yeah
                        Mozilla doesn't read the .css files the same way IE did
                        i was having problems with that for a few
                        i got around it by using this
                        PHP Code:
                          <style type="text/css">
                          <? include("xxxxx.css"); ?>
                          </style>
                        it works on any browser
                        Rap Lyrics - Hip Hop Forums - Funny Pictures - Hip Hop Honeys - Rap Videos

                        Comment

                        widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                        Working...