Dirk Wenkdorff: kein Rahmen um verlinkte Bilder

Hallo zusammen,

eigentlich eine ganz einfach Sache: <a href...><img src...></a>
Standardmäßig wird je nach Browser ein Blauer Rahmen drumgezogen (Mozilla/IE) oder nicht (Opera).
Dummerweise wird die Farbe dieses Linkrahmens im IE im Gegensatz zu Textlinks nicht durch Angaben in a:link verändert, dort bleibt er blau.

Ich versuche ihn mit img {color:#FF0000} testweise einzufärben. Mozilla folgt auf's Wort, die anderen lassen's.
Ok, eigentlich will ich den Rahmen ja sowieso weg haben, also img {border:0px;}. Eigentlich sollte ich jetzt glücklich sein, denn jetzt sieht es überall so aus wie ich will, kein Rahmen.
Ist aber img {border:irgendwas;} nur ein Trigger? Denn ob da 0 oder 10 oder 1000 drinsteht, es gibt keinen Rahmen mehr um die Bilder.

Was läuft da schief? Verwende ich den falschen Rahmenbefehl?

Bye,
Dirk

  1. Hi, Dirk

    Ok, eigentlich will ich den Rahmen ja sowieso weg haben, also img {border:0px;}. Eigentlich sollte ich jetzt glücklich sein, denn jetzt sieht es überall so aus wie ich will, kein Rahmen.

    Na, dann sei doch glücklich ;)

    Ist aber img {border:irgendwas;} nur ein Trigger? Denn ob da 0 oder 10 oder 1000 drinsteht, es gibt keinen Rahmen mehr um die Bilder.

    Wie soll sie denn der Browser rendern - so ganz ohne Maßeinheit?
    http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#numerische

    http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm
    -> Bei Rahmen zusätzlich: thin | medium | thick

    LG Orlando

    --
    SELF-TREFFEN 2002
    http://www.rtbg.de/selftreffen/
    http://www.megpalffy.org/temp/penneninhh.html

    1. Hallo auch, Orlando

      Na, dann sei doch glücklich ;)

      Für den Moment bin ich das auch. Aber erstens verlasse ich mich ungerne auf etwas was ich mir nicht erklären kann (bzw. gegen denn Sinn der Befehle läuft) und zweitens, was ist, wenn ich doch mal einen farbigen Rahmen machen will?

      Ist aber img {border:irgendwas;} nur ein Trigger? Denn ob da 0 oder 10 oder 1000 drinsteht, es gibt keinen Rahmen mehr um die Bilder.

      Wie soll sie denn der Browser rendern - so ganz ohne Maßeinheit?

      Ja, ok, die steht schon immer dabei, wie oben in meinem Befehl. Unten hatte ich sie in der Mail vergessen.

      http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm

      Haha! Danke!
      Das ist gut, border-style hatte ich nicht gesetzt ich Depp. Anscheinend nehmen die Browser defaultmäßig none an.

      Nur ein Problem wie oben geschrieben habe ich noch - auch mit border-style usw. macht mein IE5 mir den Rand blau (bzw. wie Links allgemein eingestellt sind). Ist das ein Fehler im Browser oder vergesse ich immer noch was? Wenn ersteres, gibt's einen Workaround?

      Gruß,
      Dirk

      1. Hi,

        Nur ein Problem wie oben geschrieben habe ich noch - auch mit border-style usw. macht mein IE5 mir den Rand blau (bzw. wie Links allgemein eingestellt sind).

        hast du einen Rahmen für Verweise definiert? Wenn ja, kann es sein, dass er daher rührt.

        Ist das ein Fehler im Browser oder vergesse ich immer noch was? Wenn ersteres, gibt's einen Workaround?

        Für den IE gibt's einige Workarounds, allerdings sollte er

        img { border: 0px; }

        verstehen. Jag' das Stylesheet auf jeden Fall mal durch den Validator (http://jigsaw.w3.org/css-validator/) und korrigiere die Fehler. BTW, kann man sich die Seite online ansehen?

        LG Orlando

        --
        SELF-TREFFEN 2002
        http://www.rtbg.de/selftreffen/
        http://www.megpalffy.org/temp/penneninhh.html

        1. Hi nochmal,

          Nur ein Problem wie oben geschrieben habe ich noch - auch mit border-style usw. macht mein IE5 mir den Rand blau (bzw. wie Links allgemein eingestellt sind).

          hast du einen Rahmen für Verweise definiert? Wenn ja, kann es sein, dass er daher rührt.

          Ne, nix dergleichen.

          Für den IE gibt's einige Workarounds, allerdings sollte er

          img { border: 0px; }

          verstehen.

          Tut er ja auch, nur die Farbe kann ich auf Teufel komm raus nicht beeinflussen. Zumindest nicht per CSS, durch LINK="#FFFFFF" in den Body ist das kein Thema, aber das will ich vermeiden (das gälte ja auch wieder für alle Links ...).

          Jag' das Stylesheet auf jeden Fall mal durch den Validator (http://jigsaw.w3.org/css-validator/) und korrigiere die Fehler.

          Mache ich immer mal wieder. Außer "Sie haben keine Hintergrundfarbe zur Vordergrundfarbe angegeben" sagt er nix.

          BTW, kann man sich die Seite online ansehen?

          Nein, noch nicht.

          Kurzer Test:
          <HTML><HEAD>
          <style TYPE="text/css">
          img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}
          </style>
          </HEAD>
          <BODY>
          Text<BR>
          <A HREF="test"><IMG SRC="test"></A>
          <BR clear=all>
          Text
          </BODY></HTML>

          Bye,
          Dirk

          1. Einen hab' ich noch ;)

            img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}

            Jetzt Frage ich mich nur, wofür du die Vordergrundfarbe angibst - es ist ja ein Bild. Probiere es mal hiermit:

            img {
               border-width: 5px;
               border-style: solid;
               border-color: #ff0000;
             }

            oder vereinfacht:

            img { border: 5px solid #f00;}

            LG Orlando

            --
            SELF-TREFFEN 2002
            http://www.rtbg.de/selftreffen/
            http://www.megpalffy.org/temp/penneninhh.html

            1. Einen hab' ich noch ;)

              Sehr schön, der hat's nämlich gebracht.

              img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}

              Jetzt Frage ich mich nur, wofür du die Vordergrundfarbe angibst - es ist ja ein Bild.

              Weil Mozilla nur dann auch die Umrandungsfarbe änderte, auf border-color hört auch er nicht.

              Probiere es mal hiermit:

              img {
                 border-width: 5px;
                 border-style: solid;
                 border-color: #ff0000;
              }

              oder vereinfacht:

              img { border: 5px solid #f00;}

              Schande, warum geht das?
              Moment, die Reihenfolge?
              Tatsächlich, die Reihenfolge macht den Unterschied. Wär ich nie drauf gekommen, steht das wo? Jetzt kommt auch Mozilla ohne color: aus.

              Herzlichen Dank!!!

              gute Nacht,
              Dirk

              1. Hi, Dirk

                Nachdem ich dein Posting gelesen habe, ist mir noch etwas aufgefallen.

                img { border: 5px solid #f00;}

                Schande, warum geht das?
                Tatsächlich, die Reihenfolge macht den Unterschied. Wär ich nie drauf gekommen, steht das wo? Jetzt kommt auch Mozilla ohne color: aus.

                Du hast in deinem Beispiel die Farbe definiert, danach die Rahmenfarbe und dann schlicht border:5px. Es ist wahrscheinlich, dass aus diesem Grund die Browser die vorherigen Angaben vergessen. Hättest du border-width:5px geschrieben, gäbe es kein Problem. Warum?

                img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}

                Nachfolgende gleichlautende Definitionen haben Gültigkeit (überschreiben vorherige) und 'border:' gilt nunmal für alle Rahmeneigenschaften. Also entweder alles detailliert angeben, oder in der verkürzten Form.

                Herzlichen Dank!!!

                Gerne :)

                LG Orlando

                --
                SELF-TREFFEN 2002
                http://www.rtbg.de/selftreffen/
                http://www.megpalffy.org/temp/penneninhh.html

                1. Hallo Orlando,

                  Nachdem ich dein Posting gelesen habe, ist mir noch etwas aufgefallen.

                  Hättest du border-width:5px geschrieben, gäbe es kein Problem.

                  Stimmt, gerade ausprobiert.

                  Nachfolgende gleichlautende Definitionen haben Gültigkeit (überschreiben vorherige) und 'border:' gilt nunmal für alle Rahmeneigenschaften. Also entweder alles detailliert angeben, oder in der verkürzten Form.

                  Und Du hast schon wieder recht, tja, ist doch diffiziler als ich dachte.
                  Gut, darüber ob border: Attribute setzen sollte die nicht explizit angegeben sind, kann man streiten, aber ich mach's so wie vorgesehen, dann paßt's.

                  Bye,
                  Dirk