nicht angemeldet
Hallo
Kann mir einer helfen: Ich habe folgenden Code geschrieben, um eine Navigation zu gestalten und mittels CSS bilder auszutauschen.
Das passiert:
Netscape 4.7: Die Bilder werden abgeschnitten dargestellt und der Text wird nicht verlinkt. Die Bilder wechseln nicht.
Opera 5.12: Die Bilder werden korrekt dargestellt, nur beim Wechsel erscheint nicht das Neue (es kommt gar kein Bild). Die Links haben über dem Text eine Querbalken.
IE6 und Opera 7.03: Funktioniert wunderbar.
Laut SelfHTML stehen sämtliche Befehle ab Netscape 4.0 und IE4 (bzw. CSS 2.0) spätestens zur Verfügung (speziell "display:block" und der "background-image" Befehl). Wie es bei Opera aussieht, weiss ich allerdings nicht.
Habe ich falsch geguckt oder liegt der fehler im Code?
Der Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
a {display:block;background-image:url(images/n_hov_bg.png);width:140px;height:30px;}
a.verein:hover {display:block;background-image:url(images/n_hov_ve.png);}
a.saison:hover {display:block;background-image:url(images/n_hov_sa.png);}
a.sonstiges:hover {display:block;background-image:url(images/n_hov_so.png);}
-->
</style>
</head>
<body>
<a class="verein" href="#">Button 1</a>
<a class="saison" href="#">Button 2</a>
<a class="sonstiges" href="#">Button 3</a>
</body>
</html>
Wem dazu was einfällt, wäre ich dankbar, wenn er seine Meinung posten könnte.
Gruss OLLI
Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher.
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
[Albert Einstein]