Mouseover Effekt
Josch
- css
0 suit0 Josch
0 Gunnar Bittersmann0 Bernd0 Josch
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; }
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.
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.
@@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'
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>
Probier mal das:
Der Rahmen geht nicht komplett um das Bild. Er ist irgendwie abgeschitten!