Olli: StyleSheet macht nicht das, was es sollte...

SELF-Forum

StyleSheet macht nicht das, was es sollte...

Olli
– Informationen zu den Bewertungsregeln

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]
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. StyleSheet macht nicht das, was es sollte...

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. StyleSheet macht nicht das, was es sollte...

      MudGuard
      – Informationen zu den Bewertungsregeln

      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

      --
      Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
      http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. StyleSheet macht nicht das, was es sollte...

        Thomas J.S.
        – Informationen zu den Bewertungsregeln

        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.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln