+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Bildgröße per CSS ändern

  1. #1
    Neu an Board Avatar von tk74
    Registriert seit
    17.06.2005
    Ort
    Zabeltitz
    Beiträge
    59
    Bedankte sich
    7
    Erhielt 9 Danksagungen
    in 9 Beiträgen

    Frage 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

  2. #2
    Wohnt hier Avatar von oldlady
    Registriert seit
    17.09.2008
    Ort
    München
    Beiträge
    4.848
    Bedankte sich
    357
    Erhielt 1.409 Danksagungen
    in 1.290 Beiträgen

    Standard

    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.
    Grüße, Christiane
    Joomla braucht dich!

  3. #3
    Gehört zum Inventar Avatar von Marcus77
    Registriert seit
    17.02.2006
    Ort
    Stettenhof
    Beiträge
    5.087
    Bedankte sich
    76
    Erhielt 1.021 Danksagungen
    in 996 Beiträgen

    Standard

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

    ja, div Javascripte können so etwas, bzw PHP Codes, entsprechend
    (Sofern dir meine Antwort geholfen hat, drücke einfach LINKS den "DANKE" - BUTTON)

  4. #4
    Neu an Board
    Registriert seit
    08.03.2011
    Ort
    Reichenbach
    Beiträge
    74
    Bedankte sich
    3
    Erhielt 4 Danksagungen
    in 4 Beiträgen

    Standard

    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; }

  5. #5
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.284 Danksagungen
    in 810 Beiträgen

    Standard

    Zitat Zitat von igibob Beitrag anzeigen
    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?

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



  6. #6
    Neu an Board
    Registriert seit
    08.03.2011
    Ort
    Reichenbach
    Beiträge
    74
    Bedankte sich
    3
    Erhielt 4 Danksagungen
    in 4 Beiträgen

    Standard

    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.
    Geändert von igibob (15.04.2011 um 23:07 Uhr)

  7. #7
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.284 Danksagungen
    in 810 Beiträgen

    Standard

    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).

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



  8. #8
    Gehört zum Inventar Avatar von albatros
    Registriert seit
    16.08.2006
    Beiträge
    7.840
    Bedankte sich
    1.118
    Erhielt 1.890 Danksagungen
    in 1.748 Beiträgen

    Standard

    Hi igibob,

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

    Gruß

    albatros
    1.FAQ 2.SuFu 3.Google
    Hilfestellungen und Lösungen können nur im Forum von allen genutzt werden. Bitte keine Supportanfragen per PN!
    ...und setz mich auf mein achtel Lorbeerblatt und mache was ich will.

  9. #9
    Gehört zum Inventar Avatar von jacxx
    Registriert seit
    07.03.2005
    Ort
    horsehead nebula
    Beiträge
    9.277
    Bedankte sich
    394
    Erhielt 2.051 Danksagungen
    in 1.940 Beiträgen

    Standard

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

    Huhu Uwe
    Wer Joomla nachmacht oder verfälscht, oder nachgemachte oder verfälschte sich verschafft und in Verkehr bringt, wird mit Typo3 nicht unter zwei Jahren bestraft.
    Joomla Forum
    Joomla braucht Dich!

  10. #10
    Neu an Board
    Registriert seit
    08.03.2011
    Ort
    Reichenbach
    Beiträge
    74
    Bedankte sich
    3
    Erhielt 4 Danksagungen
    in 4 Beiträgen

    Standard

    1.
    Dieses Beispiel zeigt nur das es per CSS möglich ist, allerdings nicht zu empfehlen.
    Dürft wohl klar sein das ich diese Methode nicht empfehle...

    Wie ich schon schrieb:
    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.
    2.
    Oder möglich auch: Kann ich nur die Bildgröße von Bildern aus dem und dem Ordner per CSS ändern?
    Nein, per css ist das nicht Automatisch möglich. Auch ist es vieleicht mal gaz interessant zu Wissen wie die Bilder auf deinen Server kommen.

    3.
    jetzt muss ich auch mal doof fragen: wo ist der Bezug Deiner Klasse png zu Dateien mit der Extension png?
    class="png"
    Und ehe es zu 3. beanstandungen gibt, siehe 1.

    Ps:
    ...mit .png würdest du alle PNG Bilder ansprechen, daher meine Nachfrage.
    Da haben wir wohl aneinander vorbei geredet. Sorry... :-)

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein