Images je nach Typ eigenen Style zuweisen

[DiVaO]

Ich frage mich, ob es möglich ist verschiedene Bildtypen, also .gif, .png usw. jeweils einen eigenen Style in der CSS Datei zuzuweisen. Google spuckt nichts hilfreiches aus.

Ich möchte quasi folgendes machen:

img /* GIFs */ { bla }

img /* PNGs */ { bla }

Lässt sich das umsetzen?

 

[prm]

Dazu kannst du Klassen verwenden:

.gif {Styleangaben}
.jpg {Styleangaben}

<img class="gif" ....>
<img class="jpg" ...>

Aber weshalb sollten die Styleangaben unterschiedlich sein?

 

[DiVaO]

Dazu kannst du Klassen verwenden:

.gif {Styleangaben}
.jpg {Styleangaben}

<img class="gif" ....>
<img class="jpg" ...>

Aber weshalb sollten die Styleangaben unterschiedlich sein?

Nein genau so will ich es ja nicht... ich kann nicht für jedes Bild extra eine Klasse einfügen das wär nicht machbar. Ich habe auf meiner Seite Shoutbox, Forum, Gästebuch usw. wo überall Smileys verwendet werden. Die Smileys sind im .gif Format und sind auch die einzigen gif Bilder, die es auf der Seite gibt. Jetzt möchte ich einen bestimmten Style für alle diese Smileys festlegen, aber nicht für jpgs und pngs, die auf der Seite vorhanden sind.

Und für jeden Smiley eine class festzulegen ist nicht umsetzbar.

Also das mit class ist ausgeschlossen, genauso wie img { } weil dann alle Bilder betroffen sind.

 

[prm]

Wenn die Smilies innerhalb eines ID's vorkommen (auch eines übergeordneten) und sich darin sonst keine images befinden, dann geht es so:

#idbezeichnung img { }

 

[DiVaO]

Ne das klappt auch nicht :/ die Smileys sind in ganz verschiedenen divs, teilweise auch in garkeinen usw.

Für das was ich meine gibt es also keine Lösung in css ?

 

[prm]

Möglicherweise geht es mit einer PHP-If-Abfrage. Aber damit kenn ich mich nicht aus.

 

[DiVaO]

hm okay, trotzdem danke.

 

[struppi]

Ne das klappt auch nicht :/ die Smileys sind in ganz verschiedenen divs, teilweise auch in garkeinen usw.

Für das was ich meine gibt es also keine Lösung in css ?

Bestimmt. Deine Seite ist doch sicher irgendwie gegliedert und in Folge dessen läßt sich auch mit CSS jedes Element ansprechen. Nur Wissen wir nicht, wie deine Seite aufgeteilt ist.