5 Replies Latest reply on Nov 28, 2008 7:15 AM by Newsgroup_User

    H2 Tag Text Larger in FF

    Ray Dar Level 1
      Hi,

      I'm using H1, H2 and H3 tags in my webpage. I have assigned these tags a fixed size on my external css page.

      When I view the text in IE it looks fine, but in FF the H2 and H3 text is too large.

      This is the address of my style sheet www.auscat.com.au/external.css

      Website is www.auscat.com.au

      Thanks in advance.

      Ray
        • 1. Re: H2 Tag Text Larger in FF
          Level 7

          Be smart: http://www.pactumweb.com/client/tips.php
          "Ray Dar" <webforumsuser@macromedia.com> wrote in message
          news:ggoj8m$230$1@forums.macromedia.com...
          > Hi,
          >
          > I'm using H1, H2 and H3 tags in my webpage. I have assigned these tags a
          > fixed
          > size on my external css page.
          >
          > When I view the text in IE it looks fine, but in FF the H2 and H3 text is
          > too
          > large.
          >
          > This is the address of my style sheet www.auscat.com.au/external.css

          You have closing curly brackets [i.e. } ] in the middle of your selector
          rules for your heading tags. Get rid of those, and the display will be fine.

          --
          Tim G.
          http://www.pactumweb.com
          http://www.shortordersite.com


          • 2. Re: H2 Tag Text Larger in FF
            Level 7
            You mean these h1, h2, and h3 tags?

            h1 {

            color: #FFFF00;
            font-family : "Arial",;
            font-size : 14px; font-weight: normal;}
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
            text-decoration: none;
            clear: both;
            }
            h2 {
            color: #FFFF00;
            font-family : "Arial",;
            font-size : 14px; font-weight: normal;}
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
            text-decoration: none;
            clear: both;
            }
            h3 {
            color: #FFFF00;
            font-family : "Arial",;
            font-size : 14px; font-weight: normal;}
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
            text-decoration: none;
            clear: both;
            }

            You have given them the same size - is that the problem?

            I suggest you clean up the errors in your CSS, too (it's a mess, really).
            For example -

            1. In the external css file you have -

            .style1 {font-size: 12px}
            -->
            </style>
            <script type="text/javascript" src="p7pm/p7popmenu.js"></script>
            <style type="text/css" media="screen">
            <!--
            @import url("p7pm/p7pmv0.css");
            a:link {

            It should be this (provided that is what you want) -

            .style1 {font-size: 12px}
            @import url("p7pm/p7pmv0.css");
            a:link {

            2. Note the comma after "Arial" in the h1 rule quoted above.
            3. There is no reason to have text-decoration in your h1, h2, h3 rules
            unless you have declared it in a superior rule and you want to block the
            inheritance.
            4. It's pretty dangerous to declare a single font face in a rule -
            font-family : "Arial";

            See if those help....

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "Ray Dar" <webforumsuser@macromedia.com> wrote in message
            news:ggoj8m$230$1@forums.macromedia.com...
            > Hi,
            >
            > I'm using H1, H2 and H3 tags in my webpage. I have assigned these tags a
            > fixed
            > size on my external css page.
            >
            > When I view the text in IE it looks fine, but in FF the H2 and H3 text is
            > too
            > large.
            >
            > This is the address of my style sheet www.auscat.com.au/external.css
            >
            > Website is www.auscat.com.au
            >
            > Thanks in advance.
            >
            > Ray
            >

            • 3. Re: H2 Tag Text Larger in FF
              Level 7
              Oh yeah - that too.

              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "Tim G" <webservicesNOSPAM@pactumgroup.com> wrote in message
              news:ggom6o$5bn$1@forums.macromedia.com...
              >
              > Be smart: http://www.pactumweb.com/client/tips.php
              > "Ray Dar" <webforumsuser@macromedia.com> wrote in message
              > news:ggoj8m$230$1@forums.macromedia.com...
              >> Hi,
              >>
              >> I'm using H1, H2 and H3 tags in my webpage. I have assigned these tags a
              >> fixed
              >> size on my external css page.
              >>
              >> When I view the text in IE it looks fine, but in FF the H2 and H3 text is
              >> too
              >> large.
              >>
              >> This is the address of my style sheet www.auscat.com.au/external.css
              >
              > You have closing curly brackets [i.e. } ] in the middle of your selector
              > rules for your heading tags. Get rid of those, and the display will be
              > fine.
              >
              > --
              > Tim G.
              > http://www.pactumweb.com
              > http://www.shortordersite.com
              >

              • 4. Re: H2 Tag Text Larger in FF
                Ray Dar Level 1
                Thanks for the help guys, or should I say Gurus?
                • 5. Re: H2 Tag Text Larger in FF
                  Level 7
                  Effendi would work well....

                  --
                  Murray --- ICQ 71997575
                  Adobe Community Expert
                  (If you *MUST* email me, don't LAUGH when you do so!)
                  ==================
                  http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                  http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                  ==================


                  "Ray Dar" <webforumsuser@macromedia.com> wrote in message
                  news:ggp13j$hp0$1@forums.macromedia.com...
                  > Thanks for the help guys, or should I say Gurus?
                  >