Bilder in unterschiedlichen Größen in Artikelvorschau und Artikel anzeigen lassen

  • Hallo,

    ich würde gerne auf meiner Startseite in meinem Wordpress-Blog die Bilder der Artikelvorschauen dort nur in 50% Größe angezeigt haben (damit sie dort nicht so viel Platz wegnehmen) - im eigentlichen Artikel aber in 100%.

    Geht das irgendwie?

    Benutze das modifizierte deutsche Standard-Theme - vgl. hier:
    Jugendbuchtipps.de

    Gruß, Ulf

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • ehrlich, wenn du die noch kleiner machst, sehen die aus wie Briefmarken
    aber so ginge es:

    öffne die index.php und gib gleich nach div entry noch ein div rein..

    was weiß ich

    Code
    div class="imgstart"

    in die style.css tippst Du dann rein

    Code
    .imgstart img{max-width:35px;}

    die Zahl vor den px wähle nach Gusto und Laune

    lg

  • Oh, erst mal danke. Könnte also doch gehen, aber was genau muss ich in die index.php schreiben? Wie ich in der CSS-Datei das Ganze mache, weiß ich, aber mit PHP kenne ich mich leider nicht aus.

    Den div-Tag muss ich sicher wieder schließen. Gehört dazwischen noch was rein (irgendein PHP-Befehl)?

    Ansonsten hast du natürlich recht - aber es geht mir nicht darum, die Bilder auf der Startseite viel kleiner zu machen, sondern darum, dass sie dann im Artikel größer sind.

    Gruß, Ulf



  • div is html und nix php

    du hast da wo stehen div class entry gleich darunter div class imgstart

    dann hört unten wo der div entry auf VOR dem schließt Du div imgstart mit /div

    php kommt zu html da nirgends

    lg

  • Danke - ich habe es jetzt hinbekommen...

    Noch lieber wäre es mir, da die Bilder leicht unterschiedliche Seitenverhältnisse haben, wenn ich in Prozent die Größe der Bilder auf der Startseite im Vergleich zu den Artikelseiten angeben könnte. Aber das scheint mit min-width und -height nicht zu gehen. Der Eintrag min-width:50% führte jedenfalls zu nichts.

    Gruß, Ulf

  • ja da brauchst Du ein Script (JS) die können dies,
    das geht aber nicht über css

    ich kenne aber keines, da ich dies nie nutze

    lg

  • Blöd ist übrigens, dass der Internet Explorer 7 (von Vor-Versionen ganz zu schweigen) anscheinend nicht mit max-width umgehen kann - hab ich getestet. Firefox und Safari machen da keinerlei Probleme. Auf dem Internet Explorer kommen die Grafiken dann aber in voller Größe. Blöd.

    Aber Microsoft ist ja bekannt dafür, übliche Standards nicht einzuhalten... Ich weiß schon, warum ich mit Macs arbeite... :-)

  • wenn ich es richtig im Kopf habe und so ich es sehe, kann er es schon, aber nur unter Windows..

    naja nicht jede Version und nicht jede in jedem Betriebssystem von Windows aber doch häufiger als unter anderen Betriebssystemen...

    :mrgreen: aber gäbe es den IE nicht wäre CSS keine Geheimwissenschaft, die nur absolute Können können ... oder so :mrgreen:

  • Also, in meinem Internet Explorer 7 in Windows XP, das mittels Bootcamp auch auf meinem Mac Pro läuft, wird das max-width nicht unterstützt!

  • Also, in meinem Internet Explorer 7 in Windows XP, das mittels Bootcamp auch auf meinem Mac Pro läuft, wird das max-width nicht unterstützt!

    ja bei mir am PC ..nix Apple erkennt dies der IE 7 unter Win XP

    drum sag ich ja, kommt drauf an wie wo was,

    WIN XP auf Mac Pro ist eben anders oder der IE dort, bitte frag mich nicht wieso,

    der IE 7 reagiert ja sogar unter Vista anders als unter XP :-?

Jetzt mitmachen!

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