Blockqoute formatieren

  • Hallo liebe Experten,

    ich habe folgendes Problem:

    Ich möchte ein Zitat rechts neben einem Bild positionieren. Die Ausrichtung des Texts funktioniert auch problemlos. Leider beansprucht die Box die volle Seitenbreite und schiebt sich hinter das Bild. Das ist nicht schön, damit könnte ich allerdings noch leben.

    Richtig doof ist allerdings, dass dadurch auch die Anführungszeichen hinter das Bild rutschen, während der Text das Bild brav umfließt.

    Um das Problem zu verdeutlichen, habe ich eine Beispielseite angelegt, auf der auch das bislang verwendete CSS zu finden ist.

    Da ich mit meinen rudimentären Kenntnissen nicht weiter komme, wäre ich für euren expertenrat sehr dankbar!

    • 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

  • Um das Problem zu verdeutlichen, habe ich eine Beispielseite angelegt, auf der auch das bislang verwendete CSS zu finden ist.

    Da ich mit meinen rudimentären Kenntnissen nicht weiter komme, wäre ich für euren expertenrat sehr dankbar!

    Und wenn du uns noch den Link gibst, kann man sich das ganze sogar live anschauen und eventuell mit Rat zur Seite stehen? :D

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Bitte probiere aus, was passiert, wenn du das Bild außerhalb deines Blockquotes stellst.

    Vermutlich funktioniert das auch nicht, wie du es dir wünschst und vorstellst – aaber: im Moment ist das Bild im Blockquote-Element, d.h. die Darstellung ist einfach nur völlig richtig.

    Um Blockquote-Element und Bild nebeneinander und den Text umfließend zu bekommen, würde ich versuchen, dem Blockquote-Element ein display: inline-block; oder vielleicht sogar ein display: inline; zu verpassen.
    Allerdings werden dann deine Anführungszeichen nicht mehr so wie jetzt funktionieren.
    Ggf. empfiehlt sich dann, für solche Fälle dem Blockquote-Element eine Klasse .inline zu geben (und nur diese Klasse entsprechend zu definieren) – denn in den meisten anderen Fällen ist es ja durchaus sinnvoll, dass so ein Blockquote ein Block-Element ist.

    Gruß
    helix

Jetzt mitmachen!

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