flarian: :hover bei Tabellenzeilen

Hallo!

Glücklicherweise habe ich noch einen Blick mit dem IE riskiert bevor mein Kunde gelegenheit hatte. Zur Datenausgabe verwende ich normalerweise recht langweilige Tabellen, jetzt habe ich mit mal was nettes überlegt.

Feature soll v.a. sein, dass die Zeile unter der Maus eine andere Farbe bekommt. Ist IMHO genauso gut wie das normale Raster, aber doch schöner.

Hier ein Beispiel: http://jahrhome.dyndns.org/tabellenformat/

Mein Problem ist, dass das mit dem :hover im IE überhaupt nicht funktioniert. Andere Leute können sowas aber ohne Probleme: http://juicystudio.com/cognitive/example16.htm

Kann mir bitte sagen, wo in meinem Code das Problem ist?

Herzlichen Dank für jeden Tipp.

Gruß - Ralf

  1. Hi flarian!

    Mein Problem ist, dass das mit dem :hover im IE überhaupt nicht funktioniert. Andere Leute können sowas aber ohne Probleme: http://juicystudio.com/cognitive/example16.htm

    <schnipp>  
    <!--[if lt IE 7]>  
     <script src="ie7-standard.js" type="text/javascript">  
     </script>  
    <![endif]-->  
    </schnapp>
    

    Kann mir bitte sagen, wo in meinem Code das Problem ist?

    Nein. Dein Problem ist eher, dass du nicht weißt, dass man beim IE mit JavaScript nachhelfen muss.
    Oder: Da dieses Feature nur schön aussieht, lässt du es für den Internet Explorer außen vor. Kommt ganz darauf an, ob das deinem Auftraggeber gefällt. :-)

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. Hi flarian!

      Mein Problem ist, dass das mit dem :hover im IE überhaupt nicht funktioniert. Andere Leute können sowas aber ohne Probleme: http://juicystudio.com/cognitive/example16.htm

      <schnipp>

      <!--[if lt IE 7]>
      <script src="ie7-standard.js" type="text/javascript">
      </script>
      <![endif]-->
      </schnapp>

      
      >   
      > > Kann mir bitte sagen, wo in meinem Code das Problem ist?  
      > Nein. Dein Problem ist eher, dass du nicht weißt, dass man beim IE mit JavaScript nachhelfen muss.  
      > Oder: Da dieses Feature nur schön aussieht, lässt du es für den Internet Explorer außen vor. Kommt ganz darauf an, ob das deinem Auftraggeber gefällt. :-)  
        
      Schon wieder ein IE-Problem. Vielen herzlichen Dank für alle Antworten. Ob ich das wirklich noch in Javascript umsetzen werde weiß ich jetzt noch nicht. Mal sehen, was an Zeit übrig ist heute Abend.  
        
      Grüße - Ralf Jahr
      
  2. hallo,

    Kann mir bitte sagen, wo in meinem Code das Problem ist?

    Nein. Dein Code ist korrekt. Nur kann der IE eben mit :hover nichts anfangen, wenn es für etwas anderes als <a> verwendet wird.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
    1. Hello out there!

      Nur kann der IE eben mit :hover nichts anfangen, wenn es für etwas anderes als <a> verwendet wird.

      Genauer: für etwas anderes als <a href="foo"> [http://forum.de.selfhtml.org/archiv/2005/9/t115053/#m734528]

      See ya up the road,
      Gunnar

      --
      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  3. Hallo,

    http://juicystudio.com/cognitive/example16.htm

    rechtsklick -> show source und dann findet man

    <!-- compliance patch for microsoft browsers -->
    <!--[if lt IE 7]>
     <script src="ie7-standard.js" type="text/javascript">
     </script>
    <![endif]-->

    falls dir das schon mal weiterhilft. Es liegt daran dass es der IE < 7 nicht kann. Suchmaschine benutzen bietet sich bei solchen Themen auch immer an. Für die heutige Keywortsuppe empfehle ich: ie :hover.

    gruss

    --
    Swiss Army Chainsaw
    Terrorific!
    VI VI VI - the editor of the beast!
    1. Hi,

      falls dir das schon mal weiterhilft. Es liegt daran dass es der IE < 7 nicht kann.

      Besonders erfreulich: ein input:hover { color:green; } für ein <input type="button" value="test"> wird vom IE7B3 aber auch ignoriert.
      Für "normale" Elemente wie p scheint es aber zu funktionieren.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Hi,

        Besonders erfreulich: ein input:hover { color:green; } für ein <input type="button" value="test"> wird vom IE7B3 aber auch ignoriert.
        Für "normale" Elemente wie p scheint es aber zu funktionieren.

        immerhin etwas ... aber ich hab nicht wirklich damit gerechnet, dass da mal was 100% gemacht wird (wobei ich persönlich aber auf type="button" verzichten kann).

        gruss

        --
        Swiss Army Chainsaw
        Terrorific!
        VI VI VI - the editor of the beast!
        1. Hi,

          aber ich hab nicht wirklich damit gerechnet, dass da mal was 100% gemacht wird

          wer hat das schon ...

          (wobei ich persönlich aber auf type="button" verzichten kann).

          A propos: Kann der IE 7 eigentlich endlich mit <button> richtig umgehen, oder verschickt er immer noch völligen Blödsinn?

          Cheatah

          --
          X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
          X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
          X-Will-Answer-Email: No
          X-Please-Search-Archive-First: Absolutely Yes