Bilder tanzen in Galerie aus der Reihe

    Hallo liebes Forum,

    ich habe schon seit einigen Wochen ein sehr nerviges Problem. Ich möchte in meinem Blog ein Bücherregal darstellen. Sinn ist, dass man beim Anklicken eines jeweiligen Buchrückens zu verschiedenen Unterseiten kommt. Falls nicht ganz klar wird, was ich meine, hier der Link:
    http://dezembra.wordpress.com/literarisches-2/

    Ich habe die Buchrücken alle zusammen fotografiert, dann die einzelnen Bücher mit einem Bildbearbeitungsprogramm ausgeschnitten, einzeln eingefügt und mit unterschiedlichen Links versehen. So kann man sich quasi durch das Bücherregal klicken. Doch aus irgendeinem Grund zeigt Wordpress die einzelnen Buchbilder unterschiedlich hoch an. :sad: Ich habe bereits mehrmals manuell die gleiche Höhe für die einzelnen Bilder eingegeben, es funktioniert trotzdem nicht. Sie wurden ursprünglich auch alle aus dem gleichen Foto ausgeschnitten, die Höhen sollten also auch von Natur aus stimmen. Doch das Problem lässt sich einfach nicht beheben.

    Ich wäre sehr dankbar, wenn jemand eine Idee hätte.

    Lieben Gruß,
    dezembra :confused:

    • Gerade eben
    • 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

    Hallo Dezembra!

    Ich habe mir das mal angeschaut.
    Ich weiß jetzt nicht, wie du die Bilder eingeklebt hast, aber...
    ...wenn du genau hinschaust, dann ist das Buch "Mit den Vögeln fliegen" ein Stück weiter runtergesetzt, und dafür unten dieses kleine Stück länger.
    Das deutet darauf hin, dass oberhalb von diesem Buch noch eine Zeile mit einen Leerzeichen oder anderem nicht sichtbaren Zeichen existiert, was dieses Bild um dieses Stück weiter nach unten versetzt.
    Ich habe mir die drei Bilder "Seitensprünge", Mit den Vögeln fliegen" und "Literaturbote" mal runtergeladen, und mir auf die Schnelle die Bildgrößen anzeigen lassen. - Die sind alle unterschiedlich lang.
    Seitensprünge (87x486), Mit den Vögeln fliegen (35x484) und Literaturbote (21x470).
    Wenn du so etwas machst (ausschneiden), dann würde ich dir dazu Adobe Photoshop Elements empfehlen.

    Ich an deiner Stelle würde einen anderen Weg gehen.
    1). Stelle alle Bücher nebeneinander und mache ein Bild von allen Büchern.
    2). lade dieses Bild hoch.
    3). Es gibt ein Plugin mit dem man Links als Hotspots über Bilder legen kann.
    Du markierst also einen Bereich auf dem Bild (in deinem Fall einen der Buchrücken) und weist diesem Buchrücken (dieser Hotspotmarkierung) ein Link zu.
    Und hier auch gleich der Link zu dem Plugin

    Gruß Frank

    Hallo Dezembra!

    Nachtrag:
    Ich habe mir mal die Bilder mit Firebug angeschaut.
    Als Beispiel nehme ich hier mal den Literaturboten.
    Da sieht der Code folgendermassen aus:

    <img class="alignleft
    wp-image-1037" width="21" heigh="486"
    src="http://dezembra.files.wordpress.com/2012/10/literatur-bote2.jpg?w=21+
    h=486" alt="Literatur-Bote" style="border:0 none; margin-left:0;margin-right:0;">

    Du gibts hier eine Bildgröße von 21x486 vor, das Bild ist aber nur 21x470.
    Das selbe wird mit den Büchern "Die Form der Zeit" und "Wenn die Zeit stehen bleibt" sowie den Anderen so sein. Als ersten Schritt würde ich erst mal alle Buchrückenbilder auf ein- und dieselbe Höhe von 486 bringen.
    Und wie gesagt, oberhalb von Literaturbote und Mit den Vögeln fliegen vermute ich ein nicht sichtbares Codezeichen, das du entfernen musst.
    Weiterhin fiel mir noch auf, dass du für die Positionierung der Bilder (siehe obigen Code) für jedes Bild unterschiedliche Ausrichtungen verwendest. - Das solltest du auch geradeziehen. Das kann dann auch noch der Grund für eine falsche Positionierung sein.

    Gruß Frank

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden