Proper way to do hovers?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • laredotornado@zipmail.com

    Proper way to do hovers?

    Hi,

    I have this table cell

    <td class="contextM enu"</td>

    and then this definition in my stylesheet

    ..contextMenu {
    width: 16px;
    height: 16px;
    background-image:url('../images/menu_arrow.JPG' );
    cursor: pointer;
    }

    ..contextMenu:h over {
    width: 16px;
    height: 16px;
    background-image:url('../images/menu_arrow_hove r.JPG');
    cursor: pointer;
    }

    But, as you can probably guess, on PC Firefox, when I move my cursor
    over the table cell, the background graphic does not change. What's
    hte proper way to make the background image appear? I have verified
    the path is correct.

    Thanks, - Dave

  • Ben C

    #2
    Re: Proper way to do hovers?

    On 2007-10-15, laredotornado@z ipmail.com <laredotornado@ zipmail.comwrot e:
    Hi,
    >
    I have this table cell
    >
    ><td class="contextM enu"</td>
    >
    and then this definition in my stylesheet
    >
    .contextMenu {
    width: 16px;
    height: 16px;
    background-image:url('../images/menu_arrow.JPG' );
    cursor: pointer;
    }
    >
    .contextMenu:ho ver {
    width: 16px;
    height: 16px;
    background-image:url('../images/menu_arrow_hove r.JPG');
    cursor: pointer;
    }
    >
    But, as you can probably guess, on PC Firefox, when I move my cursor
    over the table cell, the background graphic does not change. What's
    hte proper way to make the background image appear? I have verified
    the path is correct.
    You're probably not using the strict doctype. As François discovered the
    other day, :hover doesn't work in Firefox quirks mode.

    Put this at the top of each HTML file, first thing:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/REC-html40/strict.dtd">

    Comment

    • Rik Wasmus

      #3
      Re: Proper way to do hovers?

      On Mon, 15 Oct 2007 23:35:54 +0200, Ben C <spamspam@spam. eggswrote:
      ....
      Content-Type: text/html; charset=UTF-8
      ---------------------^^^^
      Man, that header f*ks up the display here....

      --
      Rik Wasmus

      Comment

      • Ben C

        #4
        Re: Proper way to do hovers?

        On 2007-10-16, Rik Wasmus <luiheidsgoeroe @hotmail.comwro te:
        On Mon, 15 Oct 2007 23:35:54 +0200, Ben C <spamspam@spam. eggswrote:
        ...
        >Content-Type: text/html; charset=UTF-8
        ---------------------^^^^
        Man, that header f*ks up the display here....
        Yes I got that wrong, I meant text/plain, but realized my mistake too
        late.

        I was using the name "François" as an excuse to test UTF-8 posting.

        Comment

        • Rik Wasmus

          #5
          Re: Proper way to do hovers?

          On Tue, 16 Oct 2007 16:51:26 +0200, Ben C <spamspam@spam. eggswrote:
          On 2007-10-16, Rik Wasmus <luiheidsgoeroe @hotmail.comwro te:
          >On Mon, 15 Oct 2007 23:35:54 +0200, Ben C <spamspam@spam. eggswrote:
          >...
          >>Content-Type: text/html; charset=UTF-8
          >---------------------^^^^
          >Man, that header f*ks up the display here....
          >
          Yes I got that wrong, I meant text/plain, but realized my mistake too
          late.
          >
          I was using the name "François" as an excuse to test UTF-8 posting.
          OK, as long as it's not some weird client setting :)

          (BTW: I saw 2 content-type headers, this one was followed by Content-Type:
          text/plain; charset=iso-8859-1, so regardless all bets about what it was
          going to do anywhere were off.. Weird opera remembered the text/html but
          seems to have obeyed the iso-8859-1)
          --
          Rik Wasmus

          Comment

          • Ben C

            #6
            Re: Proper way to do hovers?

            On 2007-10-16, Rik Wasmus <luiheidsgoeroe @hotmail.comwro te:
            On Tue, 16 Oct 2007 16:51:26 +0200, Ben C <spamspam@spam. eggswrote:
            >
            >On 2007-10-16, Rik Wasmus <luiheidsgoeroe @hotmail.comwro te:
            >>On Mon, 15 Oct 2007 23:35:54 +0200, Ben C <spamspam@spam. eggswrote:
            >>...
            >>>Content-Type: text/html; charset=UTF-8
            >>---------------------^^^^
            >>Man, that header f*ks up the display here....
            >>
            >Yes I got that wrong, I meant text/plain, but realized my mistake too
            >late.
            >>
            >I was using the name "François" as an excuse to test UTF-8 posting.
            >
            OK, as long as it's not some weird client setting :)
            >
            (BTW: I saw 2 content-type headers, this one was followed by Content-Type:
            text/plain; charset=iso-8859-1, so regardless all bets about what it was
            going to do anywhere were off.. Weird opera remembered the text/html but
            seems to have obeyed the iso-8859-1)
            Thanks for the info! Looks like my newsreader/writer was putting the
            ISO-8859-1 in for itself, which is its default. This is why I am
            conducting such tests.

            I shall now go and RTFM like I should have done in the first place...

            Comment

            • Blinky the Shark

              #7
              Re: Proper way to do hovers?

              Ben C wrote:
              Thanks for the info! Looks like my newsreader/writer was putting the
              ISO-8859-1 in for itself, which is its default. This is why I am
              conducting such tests.
              >
              I shall now go and RTFM like I should have done in the first place...
              After doing so, keep in mind the group news.software.r eaders. Small and
              manageable and contians slrn gurus (and the author). See you there if
              you pick it up. (To others: it's not specific to slrn, though.)

              --
              Blinky RLU 297263
              Killing all posts from Google Groups
              The Usenet Improvement Project - http://improve-usenet.org

              Comment

              Working...