Cee-Jay: CSS-style - Rahmenfarbe eines Bildlinks...

SELF-Forum

CSS-style - Rahmenfarbe eines Bildlinks...

Cee-Jay Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo
Hab ein Problem mit CSS
Ich hab eine bildergalerie bei der bilder einen rahmen haben.
Die bilder sind verlinkt. Der Rahmen sollte eine farbe haben die für links in einer Externen datei definiert ist.
Leider wird die Farbe nur bei Text links verwendet und nicht bei den bilderlinks, warum?

Danke
Cee-Jay

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS-style - Rahmenfarbe eines Bildlinks...

    Matthias Eisenbach Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Hab ein Problem mit CSS
    Ich hab eine bildergalerie bei der bilder einen rahmen haben.
    Die bilder sind verlinkt. Der Rahmen sollte eine farbe haben die für links in einer Externen datei definiert ist.
    Leider wird die Farbe nur bei Text links verwendet und nicht bei den bilderlinks, warum?

    ich weiss nicht so genau, ob das richtig ist, aber du könntest mal veruchen in der CSS-Datei eine extra-Klasse für <IMG> anzulegen, wo du dann border=0 defininieren kannst!

    P.S:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ntrsn.de%2FAudixxl%2Fstyle.css&warning=1&profile=css2

    Matthias

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. CSS-style - Rahmenfarbe eines Bildlinks...

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Hab ein Problem mit CSS
    Ich hab eine bildergalerie bei der bilder einen rahmen haben.
    Die bilder sind verlinkt. Der Rahmen sollte eine farbe haben die für links in einer Externen datei definiert ist.
    Leider wird die Farbe nur bei Text links verwendet und nicht bei den bilderlinks, warum?

    Auszug aus deiner style.css:

    a:active { text-decoration:underline; color:#0000aa; font-weight:plain;  }
    a:link { text-decoration:underline; color:#0000ff; font-weight:plain;  }
    a:visited { text-decoration:underline; color:#00aaff; font-weight:plain; }
    a:hover { text-decoration:underline; color:#FF0000; font-weight: plain; }

    1. Die Reihenfolge der Pseudeoklassen ist festgelegt.
    http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

    2. Es gibt einen Unterschied zwischen Textfarbe (color) und Rahmenfarbe (border-color):
    http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm#border_color

    3. Die Rahmenfarbe des Bildes im Element a erbt nicht unbedingt die Rahmenfarbe des Elements a. Das solltest Du explizit angeben:
    http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
    Hier bin ich mir nicht 100%ig sicher.

    a:link {text-decoration:underline; color:#0000ff; font-weight:plain;}
    a:link img {border:2px solid #0000ff;}
    a:visited {text-decoration:underline; color:#00aaff; font-weight:plain;}
    a:visited img {border:2px solid #00aaff;}
    a:hover {text-decoration:underline; color:#FF0000; font-weight: plain;}
    a:hover img {border:2px solid #FF0000;}
    a:active {text-decoration:underline; color:#0000aa; font-weight:plain;}
    a:active img {border:2px solid #0000aa;}

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS-style - Rahmenfarbe eines Bildlinks...

      Cee-Jay
      – Informationen zu den Bewertungsregeln

      Danke für deine TIPPS!!!

      Leider haben die aber nicht bei meinem Problem geholfen!
      Der Rahmen muss ja unbedingt bleiben damit ich seh welche bilder ich scho angeklickt hab!
      a:link img ..... Hat nichts gebracht.

      Brauch also immer noch hilfe!

      Gurß Cee-Jay

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. CSS-style - Rahmenfarbe eines Bildlinks...

        Axel Richter
        – Informationen zu den Bewertungsregeln

        Danke für deine TIPPS!!!

        Leider haben die aber nicht bei meinem Problem geholfen!
        Der Rahmen muss ja unbedingt bleiben damit ich seh welche bilder ich scho angeklickt hab!
        a:link img ..... Hat nichts gebracht.

        <html>
        <head>
        <title></title>
        <style type="text/css">
        <!--
        a:link {text-decoration:underline; color:#0000ff; font-weight:plain;}
        a:link img {border:2px solid #0000ff;}
        a:visited {text-decoration:underline; color:#00aaff; font-weight:plain;}
        a:visited img {border:2px solid #00aaff;}
        a:hover {text-decoration:underline; color:#FF0000; font-weight: plain;}
        a:hover img {border:2px solid #FF0000;}
        a:active {text-decoration:underline; color:#0000aa; font-weight:plain;}
        a:active img {border:2px solid #0000aa;}
        -->
        </style>
        </head>
        <body>
        <a href="#">Text</a>
        <a href="#"><img src="test.gif" width="100" height="100" alt="Bild"></a>
        </body>
        </html>

        Was genau geht daran nicht?

        viele Grüße

        Axel

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. CSS-style - Rahmenfarbe eines Bildlinks...

          Axel Richter
          – Informationen zu den Bewertungsregeln

          Hallo,

          <html>
          <head>
          <title></title>
          <style type="text/css">
          <!--
          a:link {text-decoration:underline; color:#0000ff; font-weight:plain;}
          a:link img {border:2px solid #0000ff;}
          a:visited {text-decoration:underline; color:#00aaff; font-weight:plain;}
          a:visited img {border:2px solid #00aaff;}
          a:hover {text-decoration:underline; color:#FF0000; font-weight: plain;}
          a:hover img {border:2px solid #FF0000;}
          a:active {text-decoration:underline; color:#0000aa; font-weight:plain;}
          a:active img {border:2px solid #0000aa;}
          -->
          </style>
          </head>
          <body>
          <a href="#">Text</a>
          <a href="#"><img src="test.gif" width="100" height="100" alt="Bild"></a>
          </body>
          </html>

          Opera 6 schafft das nicht. Leider.

          viele Grüße

          Axel

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. CSS-style - Rahmenfarbe eines Bildlinks...

            Axel Richter
            – Informationen zu den Bewertungsregeln

            Hallo,

            <html>
            <head>
            <title></title>
            <style type="text/css">
            <!--
            a img {border:0 none;}
            a.bild {display:block; float:left; border:2px solid #0000FF;}
            a.bild:link {border:2px solid #0000FF;}
            a.bild:visited {border:2px solid #00aaff;}
            a.bild:hover {border:2px solid #FF0000;}
            a.bild:active {border:2px solid #0000aa;}
            -->
            </style>
            </head>
            <body>
            <a href="#" class="bild"><img src="bullet1.gif" height="100" width="100" alt="Bild"></a>
            <a href="#" class="bild"><img src="bullet2.gif" height="100" width="100" alt="Bild"></a>
            <a href="#" class="bild"><img src="bullet3.gif" height="100" width="100" alt="Bild"></a>
            </body>
            </html>

            Kleine Spielerei, die auch Opera 6 versteht.
            !!!Nur für Bilder geeignet!!!

            viele Grüße

            Ax*wozu gibt's eigentlich Standards?*el

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

        2. CSS-style - Rahmenfarbe eines Bildlinks...

          Cee-Jay
          – Informationen zu den Bewertungsregeln

          a:link {text-decoration:underline; color:#0000ff; font-weight:plain;}
          a:link img {border:2px solid #0000ff;}
          a:visited {text-decoration:underline; color:#00aaff; font-weight:plain;}
          a:visited img {border:2px solid #00aaff;}
          a:hover {text-decoration:underline; color:#FF0000; font-weight: plain;}
          a:hover img {border:2px solid #FF0000;}
          a:active {text-decoration:underline; color:#0000aa; font-weight:plain;}
          a:active img {border:2px solid #0000aa;}

          Danke Das hat geholfen!
          Ich hab des nicht in der richtigen reihenfolge gemacht denk ich!

          ich hab zuerst alle text-links und dann die bilderlinks definiert!
          Des hat bei mir dann net geklappt!
          Danke axel

          Gruß Cee-Jay

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln