StyleSheet macht nicht das, was es sollte...
Olli
- css
0 Thomas J.S.0 MudGuard
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
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.
Netscape 4.7 kann kein :hover.
Richtig wäre aber trotzdem:
background-image:url("images/n_hov_bg.png");
^^ ^^
Grüße
Thomas
Hi,
Richtig wäre aber trotzdem:
background-image:url("images/n_hov_bg.png");
Das ist genauso richtig wie
background-image:url('images/n_hov_bg.png');
und
background-image:url(images/n_hov_bg.png);
Siehe auch http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-uri, wo es heißt:
The format of a URI value is 'url(' followed by optional whitespace followed by
=======>>>> an optional single quote (') or double quote (") character
followed by the URI itself,
=======>>>> followed by an optional single quote (') or double quote (") character
followed by optional whitespace followed by ')'. The two quote characters must be the same.
Beachte das Wort "optional".
cu,
Andreas
Hallo Andreas,
Siehe auch http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-uri, wo es heißt:
Danke, ich kenne das.
Beachte das Wort "optional".
Sag das den Browser bitte auch. (Ich hatte damit mal Probleme, aber ich kann es _jetzt_ nicht mehr nachvollziehen welche (andere) Bedingungen da eine Rolle gespielt haben)
Grüße
Thomas
PS: irgendwie finde ich es mittlerweile mehr als lästig, deine ständige "die Spez. vor die Latz" Knallerei. Ich kenne die Spez. gut genug ich arbeite damit und weiss auch des öfteren wo die Browser nicht so genau damit haben. Wenn du irgendwelche Probleme mit mir hast, solltest du versuchen es per Mail zu klären.