Thema: Bildgröße per CSS ändern

Hallo,

Meine Frage hat nichts mit Joomla zu tun und bezieht sich auf eine relativ statische HTML/PHP-Programmierung.

Dass ich die Größe von Bildern per CSS (zB. max-width) ändern kann weiß ich.
Allerdings würde mich folgendes interessieren:
Kann ich per CSS sagen ich möchte nur PNG's und keine JPG's o.ä. in ihrer Größe beeinflussen?
Oder möglich auch: Kann ich nur die Bildgröße von Bildern aus dem und dem Ordner per CSS ändern?

Gibt es andere einfache Tools/Möglichkeiten/Codeschnipsel für so was?

Danke

Kann ich per CSS sagen ich möchte nur PNG's und keine JPG's o.ä. in ihrer Größe beeinflussen?
Oder möglich auch: Kann ich nur die Bildgröße von Bildern aus dem und dem Ordner per CSS ändern?

Grundsätzlich nein. Css ist keine Programmier- oder Scriptsprache, da gibt es keine Ausdrücke und keine Operatoren.

Gibt es andere einfache Tools/Möglichkeiten/Codeschnipsel für so was?

ja, div Javascripte können so etwas, bzw PHP Codes, entsprechend

Zitat von igibob

oder du gibst *.png Bildern eine andere Klasse als *.jpg Bildern

css Datei

HTML-Code:

.png { width: 200px; height: 150px; }
.jpg {width: 100px; height: 400px; }

Wie soll das denn gehen? Einem PNG Bild eine Klasse geben?

Ok, das ist jetzt echt was für die aller ersten anfänge und gehört zu den absoluten Grundwissen für jedem der irgendwas mit HTML/ CSS zu tun hat...

HTML-Code:

<style type="text/css">
.png {
	height: 150px;
	width: 200px;
}
.jpg {
	height: 400px;
	width: 100px;
}
</style>

<img src="bild.jpg" width="1024" height="768" class="jpg" />
<img src="bild.png" width="1500" height="250" class="png" />

Dieses Beispiel zeigt nur das es per CSS möglich ist, allerdings nicht zu empfehlen.

Edit:
Wenn du schon nach anderen möglichkeiten fragst, dann empfehle ich dir das per PHP zu lösen. Javascript funktioniert nur wenn das der User auch eingeschalten hat.

Das war aber nicht die Fragestellung. Sondern tk74 wollte wissen, ob er automatisch per CSS bestimmte Bilder in ihrer Größe verändern kann

Allerdings würde mich folgendes interessieren:
Kann ich per CSS sagen ich möchte nur PNG's und keine JPG's o.ä. in ihrer Größe beeinflussen?
Oder möglich auch: Kann ich nur die Bildgröße von Bildern aus dem und dem Ordner per CSS ändern?

Gibt es andere einfache Tools/Möglichkeiten/Codeschnipsel für so was?

Und das hatte oldlady schon beantwortet. Außerdem hatte ich vermutet, du hättest etwas durcheinander gebracht und würdest denken, mit .png würdest du alle PNG Bilder ansprechen, daher meine Nachfrage.

Ich denke jedenfalls auch, dass er nach einem Script für alle PNG-Bilder fragte, und nicht danach, dass er jedes Bild neu mit einer CSS-Klasse bestücken muss, dann könnte er ja auch direkt im Editor width und height schreiben (obwohl css immer vorzuziehen ist).

Hi igibob,

jetzt muss ich auch mal doof fragen: wo ist der Bezug Deiner Klasse png zu Dateien mit der Extension png?

Gruß

albatros

Toll, Pixxies mit css hochziehen, verkleinern und vermurksen.. Tip: Nur den Image container per css ändern.

Huhu Uwe