Josch: Mouseover Effekt

tach Junkgs und Mädels,

Beim überfahren einer Tabelle mit der Maus soll der Rahmen von solid nach dotted gehen. Egal ob sich ein Bildlink oder Textlink in der Tabelle befindet, beim IE und und Firefox klappt's nicht.

Opera und machen keine Probleme!

.rahmen { padding: 5px;  border-width: 2px; border-style: solid; }
.rahmen:hover { border-style: dotted; }

  1. Egal ob sich ein Bildlink oder Textlink in der Tabelle befindet, beim IE

    Kommt auf die Version an.

    und und Firefox klappt's nicht.

    Da ebenfalls, aber die Versionen bei denen es nicht "klappt" sollten ausgestorben sein.

    1. Egal ob sich ein Bildlink oder Textlink in der Tabelle befindet, beim IE

      Kommt auf die Version an.

      und und Firefox klappt's nicht.

      Da ebenfalls, aber die Versionen bei denen es nicht "klappt" sollten ausgestorben sein.

      IE 8, opera 10.51, Firefox 3.6.3, habe also jeweils mit der akteullen Version getestet.

  2. @@Josch:

    nuqneH

    .rahmen { padding: 5px;  border-width: 2px; border-style: solid; }
    .rahmen:hover { border-style: dotted; }

    Und was sollen wir mit CSS-Code ohne das zugehörige Markup (HTML) anfangen?

    Qapla'

    --
    Volumen einer Pizza mit Radius z und Dicke a: pi z z a
  3. tach Junkgs und Mädels,

    Beim überfahren einer Tabelle mit der Maus soll der Rahmen von solid nach dotted gehen. Egal ob sich ein Bildlink oder Textlink in der Tabelle befindet, beim IE und und Firefox klappt's nicht.

    Opera und machen keine Probleme!

    .rahmen { padding: 5px;  border-width: 2px; border-style: solid; }
    .rahmen:hover { border-style: dotted; }

    Probier mal das:

    <html><head>

    <style type="text/css">
    a.bild { border-color:#ff0000;  border-width: 1px;  border-style: solid; }
    a.bild:hover {  border-color: #deff00;  border-width: 1px;  border-style: solid; }
    </style>

    </head><body>

    <table border="0" cellspacing="0" cellpadding="0"><tr><td>
    <a href="bild.php" class="bild"><img src="bild.jpg" border="0"></a>
    </td></tr></table>

    </body></html>

    1. Probier mal das:

      Der Rahmen geht nicht komplett um das Bild. Er ist irgendwie abgeschitten!