Tracking down a inheritence problem

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Paul C

    Tracking down a inheritence problem

    I have a font size being applied to an element, however I have been unable
    to track where it is coming from.

    Is there an app that will tell you the complete style sheet property of an
    element and where it came from.

    If not how do you track these problems down.

    regards Paul


  • Mark Tranchant

    #2
    Re: Tracking down a inheritence problem

    Paul C wrote:[color=blue]
    > I have a font size being applied to an element, however I have been unable
    > to track where it is coming from.
    >
    > Is there an app that will tell you the complete style sheet property of an
    > element and where it came from.
    >
    > If not how do you track these problems down.[/color]

    Posting a URL here might help.

    --
    Mark.

    Comment

    • Paul C

      #3
      Re: Tracking down a inheritence problem


      "Mark Tranchant" <mark@tranchant .plus.com> wrote in message
      news:414a9a13$0 $83322$ed2e19e4 @ptn-nntp-reader04.plus.n et...[color=blue]
      > Paul C wrote:[color=green]
      > > I have a font size being applied to an element, however I have been[/color][/color]
      unable[color=blue][color=green]
      > > to track where it is coming from.
      > >
      > > Is there an app that will tell you the complete style sheet property of[/color][/color]
      an[color=blue][color=green]
      > > element and where it came from.
      > >
      > > If not how do you track these problems down.[/color]
      >
      > Posting a URL here might help.
      >
      > --
      > Mark.
      > http://tranchant.plus.com/[/color]

      This was more of a self help question, in regards to tools used. I am also
      looking for a document tree program. Both combined would be excellent. I
      think this would be a useful tool.

      regards Paul



      Comment

      • Phil Evans

        #4
        Re: Tracking down a inheritence problem

        Paul C wrote:[color=blue]
        > I have a font size being applied to an element, however I have been unable
        > to track where it is coming from.
        >
        > Is there an app that will tell you the complete style sheet property of an
        > element and where it came from.
        >
        > If not how do you track these problems down.[/color]

        1. Install Firefox, ensuring you choose a custom installation and
        include the Developer Tools
        2. Install the Web Developer Toobar extension, noting the CSS->View
        Style Information menu option
        3. Profit!!!!

        P

        Comment

        • Neal

          #5
          Re: Tracking down a inheritence problem

          On Fri, 17 Sep 2004 08:57:47 +0100, Paul C <P@cookson_remo ve_.demon.co.uk >
          wrote:
          [color=blue]
          > I have a font size being applied to an element, however I have been
          > unable
          > to track where it is coming from.
          >
          > Is there an app that will tell you the complete style sheet property of
          > an
          > element and where it came from.
          >
          > If not how do you track these problems down.[/color]

          1) Read up in the specs on inferitance, it gets weird. Fixed sizes are
          inherited from parents. But %'s are multiplied, so if body {font-size:
          111%} and p {font-size: 90%;}, the rendered size of p is actually 99.9%.

          2) Some quirks situations make, say, table fonts different than you'd
          expect. So use a strict doctype to minimize this.

          In the CSS rec there's a sample stylesheet for HTML. No UA is required to
          use it for default rendering, but most are pretty close.

          Comment

          • Chris Morris

            #6
            Re: Tracking down a inheritence problem

            Neal <neal413@yahoo. com> writes:[color=blue]
            > 1) Read up in the specs on inferitance, it gets weird. Fixed sizes are
            > inherited from parents. But %'s are multiplied, so if body {font-size:
            > 111%} and p {font-size: 90%;}, the rendered size of p is actually
            > 99.9%.[/color]

            To complicate further, assuming that 100% is set to an integer size,
            the browser might round the fractional 99.9% up or down, depending on
            the browser, the phase of the moon, and the fonts available on the
            system.

            --
            Chris

            Comment

            • Neal

              #7
              Re: Tracking down a inheritence problem

              On 17 Sep 2004 17:39:20 +0100, Chris Morris <c.i.morris@dur ham.ac.uk>
              wrote:
              [color=blue]
              > Neal <neal413@yahoo. com> writes:[color=green]
              >> 1) Read up in the specs on inferitance, it gets weird. Fixed sizes are
              >> inherited from parents. But %'s are multiplied, so if body {font-size:
              >> 111%} and p {font-size: 90%;}, the rendered size of p is actually
              >> 99.9%.[/color]
              >
              > To complicate further, assuming that 100% is set to an integer size,
              > the browser might round the fractional 99.9% up or down, depending on
              > the browser, the phase of the moon, and the fonts available on the
              > system.
              >[/color]

              .... so the best solution is to avoid changing font size in these
              situations!

              If you set body {font-size: 100%} and change only those elements which
              should not be rendered at that size, it'll work out quite simply.

              Comment

              • Paul C

                #8
                Re: Tracking down a inheritence problem


                "Phil Evans" <newsgroups@phi lHADDOCKevans.r emovethefish.co m> wrote in
                message news:1095413203 .275892@smtp-1.griffin.com.. .[color=blue]
                > Paul C wrote:[color=green]
                > > I have a font size being applied to an element, however I have been[/color][/color]
                unable[color=blue][color=green]
                > > to track where it is coming from.
                > >
                > > Is there an app that will tell you the complete style sheet property of[/color][/color]
                an[color=blue][color=green]
                > > element and where it came from.
                > >
                > > If not how do you track these problems down.[/color]
                >
                > 1. Install Firefox, ensuring you choose a custom installation and
                > include the Developer Tools
                > 2. Install the Web Developer Toobar extension, noting the CSS->View
                > Style Information menu option
                > 3. Profit!!!!
                >
                > P[/color]

                This is exactly what I wanted -

                Thanks. One more convert to firefox.

                regards Paul


                Comment

                • Philip Herlihy

                  #9
                  Re: Tracking down a inheritence problem

                  "Paul C" <P@cookson_remo ve_.demon.co.uk > wrote in message > This is exactly
                  what I wanted -[color=blue]
                  >
                  > Thanks. One more convert to firefox.
                  >
                  > regards Paul
                  >
                  >[/color]

                  What's the difference between Firefox & Mozilla? Aren't they from the same
                  stable?


                  --
                  ############### #####
                  ## PH, London
                  ############### #####


                  Comment

                  • Phil Evans

                    #10
                    Re: Tracking down a inheritence problem

                    Philip Herlihy wrote:[color=blue]
                    > "Paul C" <P@cookson_remo ve_.demon.co.uk > wrote in message > This is exactly
                    > what I wanted -
                    >[color=green]
                    >>Thanks. One more convert to firefox.
                    >>
                    >>regards Paul[/color]
                    >
                    > What's the difference between Firefox & Mozilla? Aren't they from the same
                    > stable?[/color]

                    They both use the same rendering engine (Gecko) but Firefox is wrapped
                    differently - and in many people's opinions, better.

                    P

                    Comment

                    • Philip Herlihy

                      #11
                      Re: Tracking down a inheritence problem

                      "Phil Evans" <newsgroups@phi lHADDOCKevans.r emovethefish.co m> wrote in
                      message news:1095683962 .642394@smtp-1.griffin.com.. .[color=blue][color=green]
                      > > What's the difference between Firefox & Mozilla? Aren't they from the[/color][/color]
                      same[color=blue][color=green]
                      > > stable?[/color]
                      >
                      > They both use the same rendering engine (Gecko) but Firefox is wrapped
                      > differently - and in many people's opinions, better.[/color]

                      Thanks - I'll try it.

                      PH


                      Comment

                      • Brian

                        #12
                        Re: Tracking down a inheritence problem

                        Philip Herlihy wrote:
                        [color=blue]
                        > What's the difference between Firefox & Mozilla? Aren't they from
                        > the same stable?[/color]

                        "Mozilla" -- now called Mozilla Seamonkey -- is a suite of applications
                        (browser, email client, chat client, etc). Firefox is just the web
                        browser, with a simpler user interface.


                        --
                        Brian (remove "invalid" to email me)

                        Comment

                        Working...