Mouseover Effekt
    
Josch
    
    
      
    
  - css
- 0 suit- 0 Josch
 
- 0  Gunnar Bittersmann Gunnar Bittersmann
- 0 Bernd- 0 Josch
 
 nicht angemeldet
 nicht angemeldet Gunnar Bittersmann
 Gunnar Bittersmann
    
    
  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!