Width eines Bildes verkleinern.

  • hallo,

    wahrscheinlich wieder einmal eine ganz banale Frage:

    Ich habe alle meine Thumbnails 500px x 333px.

    Nun wollte ich sie verkleinert darstellen aber die width-attribute sprechen nicht an ??

    Code
    <img alt="" title="" src="artikel3/thumbs/bild_07.jpg" width="300" height="200"/>

    auch mit ccs nicht.

    Code
    <style>
    #fixed-width {  width: 300px; height: 200px; }  
    </style>
    
    <img alt="" title="" src="artikel3/thumbs/bild_07.jpg" id="fixed-width" />

    Das Bild wird unverändert mit 500px dargestellt.

    was mache ich schon wieder falsch, danke euch.

    Tino

  • Hey Tino,


    ich habe gerade deinen Fall nachgestellt und es funktioniert.
    Ich erkenne soweit auch keinen Fehler in deinem geposteten Code.


    Nutzt du irgendwelche Bibliotheken? Wie Bootstrap?


    Füge mal bitte !important hinter die CSS-Anweisungen und gebe uns Rückmeldung.


    CSS
    <style>
    
    #fixed-width{
        width: 300px !important;
        height: 200px !important;
    }
    
    </style>


    Grüße,

    Stef

  • hallo,

    danke für die schnelle Antwort,


    jetzt geht es, das "!important" muss es gewesen sein, das 500er Bild wird nun als 300px dargestellt.

    Ich benutze nichts, kein Bootstrap, alles selbst programmiert und eigene kleine css-Sachen.


    gruß

    Tino

  • alles selbst programmiert und eigene kleine css-Sachen.

    wahrscheinlich hast du irgendwo in deinen Css Werten das img mit einen anderen Werte ( 500px) überschrieben.

    Das müßte man aber sehen wenn du die Console benutzt.

    Das important überschreibt die Werte und ,macht die anderen Img Css Werte unbrauchbar.

  • hi,

    ich glaube du hattest recht, in einer geladenen css-Datei stand für img -> als width:100%,

    also in dem Fall dann die 500px.


    Ich lasse es jetzt in der einen Datei so mit dem "important", dann kann das 100% für alle anderen bleiben.

    Auf alle Fälle wieder was gelernt.


    Danke nochmals,

    Tino

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!