Thumbnails neben den Beitragsauszug

  • Hallo,

    ich hoffe mir kann jemand helfen, ich bin ein wenig verloren.

    Ich gestalte gerade meine Website, ein kleiner Bücherblog, um und habe endlich ein Theme gefunden mit dem ich so einigermaßen zufrieden bin. Die kleinen Unzufiredenheiten kann ich hoffentlich, auch mit eurer Hilfe, lösen. Aber fangen wir bei Problem Nummer 1 an.

    Ich möchte, dass die Thumbnails nicht über dem Text, sondern daneben angezeigt werden. Das Problem mit der Größe konnte ich schon mit einem kleinen css Code lösen.

    Leider hab ich überhaupt keinen Plan, was ich machen muss. Jeglicher Code sieht für mich einfach aus wie ein zusammengewürfelter Haufen mit Zahlen und Zeichen aus.

    Kann mir jemand Schritt für Schritt erklären was ich machen muss? Oder gibt es vielleicht eine ganz einfache Lösung mit css?

    Ich hänge einen kleinen Ausschnitt an, damit ihr seht, wie es momentan aussieht. Optimal wäre es, wenn das Bild am Ende bündig neben dem Text stehen würde und der ganze Beitragskasten damit auch insgesamt kleiner werden würde.

    • 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

  • Grundsätzlich wäre einmal ein Link zu deinem Wunsch gefragt - siehe Forenregeln Punkt 2!

    Da in einem deiner vorigen Anfragen ein Link vorhanden war ...... derzeit [size=14]- "Der Wartungsmodus ist eingeschaltet" :(:confused: - also leider NICHT!

    Grundsätzliches: Ein Bild mit farbigen Rahmen zum mögliche Aufbau deiner Seite sehr vereichfacht.
    Das Ganze mußt du dir wie ein Box-Stapelsystem vorstellen.

    rote Box = Post-4712
    schwarze Box - hier Unterteilung in Bild- und Textteil
    blaue Box - Unterteilung Inhalt
    hier:
    oben <thumbnail>
    unten <entry-titel> <entry-meta> <entry-content> <more-link>

    Für dein Beispiel sind nun wahrscheinlich die schwarzen Boxes jeweils auf die volle Breite ausgerichtet und somit untereinander.
    Nun müsste man die <divs> über CSS auf ein z.B. 20% zu 80% Verhältnis bringen, um sie nebeneinander positionieren zu können ;-)

    Soweit vereinfacht die Theorie .....

    [size=12](Der Unterschied zwischen Theorie und Praxis ist der Praxis komplizierter als in der Theorie).[/SIZE][/SIZE]

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Hey,

    ja ich hab den Wartungsmodus an. Daran hab ich gar nicht mehr gedacht.
    Ich möchte nicht, das meine Seite für die Allgemeinheit zugänglich ist, solange ich daran noch bastel.
    Sollte es jedoch zwingend notwenig sein um hier Hilfe zu bekommen, nehm e ich ihn natürlich raus.

    Ich danke dir auf jeden Fall schon einmal für deine Erklärung. Das habe ich auf jeden Fall verstanden. Gibt es hier im Forum vielleicht jemanden der weiß wie sowas auf CSS geschrieben wird? Ich hab schon ewig viele Sachen ausprobiert, die ich beim googeln gefunden habe, aber nichts klappt. Ich stochere wirklich im Dunklen.

    Ich wäre wirklich sehr dankbar, für jede Hilfe.

Jetzt mitmachen!

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