basti000: CSS: Bild in <a> - Tags ansprechen

SELF-Forum

CSS: Bild in <a> - Tags ansprechen

basti000
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte gerne für Bilder, die sich in <a> - Tags befinden eine eigene Formatierung (Rahmen bei Mouse-Over) erstellen.

Nach langem Überlegen und Suchen habe ich es aufgegeben und hoffe auf eine (einfache) Lösung...

CSS lautet beispielsweise so:

  
a, a:link {  
 color: #ffc600;  
 text-decoration: none;  
 padding: 0.1em;  
}  
a:hover {  
 color: #fff;  
}

html lautet beispielsweise so:

  
<a class="thickbox" href="http://www.google.de"> <img src="bild.jpg" alt="" /> </a>

Ich habe für die Links und für die Bilder keine spezielle Klasse / ID angegeben und möchte dies wenn möglich auch nicht machen.

Würde nur gerne wissen ob ich irgendwie JEDES BILD das sich innerhalb von <a> - TAGS befindet mit CSS "ansprechen" kann...

Danke für die Hilfe.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS: Bild in <a> - Tags ansprechen

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Würde nur gerne wissen ob ich irgendwie JEDES BILD das sich innerhalb von <a> - TAGS befindet mit CSS "ansprechen" kann...

    in einem <a>-tag darf kein bild sein, höchstens in einem a-element Tags, Elemente und Attribute

    dafür gibts den nachfahren selektor - der erfüllt genau das, was du willst

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS: Bild in <a> - Tags ansprechen

      basti000
      – Informationen zu den Bewertungsregeln

      Danke für die Hilfe und die Richtigstellung : )

      Genau das habe ich versucht.

      zB.

      a img {  
border:2 px solid #fff;  
}

      was leider nicht funktionierte...

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. CSS: Bild in <a> - Tags ansprechen

        suit Homepage des Autors
        – Informationen zu den Bewertungsregeln

        a img {

        border:2 px solid #fff;
        }

        
>   
> was leider nicht funktionierte...  
  
das funktioniert wahrscheinlich deshalb nicht, weil `border:2 px solid #fff;`{:.language-css} einen ungültigen wert hat  
  
die eigenschaft border nimmt für die dicke des borders einen wert vom typ [length](http://www.w3.org/TR/CSS21/syndata.html#length-units) - dessen einheit (in deinem fall px) muss ohne leerzeichen an den wert angefügt werden  
  
[dieser kerl](http://jigsaw.w3.org/css-validator/#validate_by_input) hilft in solchen fällen meistens schnell und zuverlässig
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. CSS: Bild in <a> - Tags ansprechen

          basti000
          – Informationen zu den Bewertungsregeln

          Ja erstens deshalb nicht - hätte ich aber dank Firebug rausgefunden.

          Ausserdem wegen eingen !important's die mein Vorgänger bei anderen Defitionen  reingeschrieben hat.

          Dachte eigentlich auch es sollte mit "a img {...}" gehen und zweifelte schon an mir selbst.

          Ist etwas spät - danke für die Hilfe.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln