Text/Bild - Formatierung

  • Hallo,

    belegt man ein (i.d.R. kleineres) Bild mit der Option "left", kann man dieses Bild vom Text einrahmen/umfließen lassen. Es wirkt dann wie in den Text eingefügt und steht dann nicht mehr "allein" über oder unter dem Text.

    Allerdings fügt sich der Text DIREKT an das Bild, es ist also kein Abstand dazwischen - sieht natürlich nicht gut aus. Ich behelfe mich z.Zt. damit, in dem ich das Bild bearbeite und auf 3 Seiten einen (in diesem Fall) weissen Rand geben (12px). Das ist umständlich.

    Ich habe aber auch Blogs gesehen, wo dieser Rand/Abstand definiert sein muss, weil bei Prüfung des Bildes kein zusätzlicher Bildrand festzustellen ist.

    Hat jemand einen Tip? Danke.

    Horst

    P.S.:Ich hoffe, ich habe mich verständlich ausgedrückt. Leider kann ich z.Zt. die Seite nicht verlinken, da ich gerade auf Vers. 2.04 update.

    • 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

  • Das kann mit margin erledigen - margin gibt einen Außenabstand hinzu.
    Wenn du also ein Bild hinzufügst, dann kannst du dem direkt mitteilen, wieviel Platz es lassen soll.

    Beispiel:

    HTML
    <img src="bild.jpg" alt="bild" style="float:left; margin:10px 10px 10px 10px;" />


    Wobei du dann je nach Ausrichtung den margin für die linke oder rechte Seite auf 0 setzen solltest, damit das Bild keinen Abstand zum Rand hat.

    "Eine gut gestellte Frage ist schon halb beantwortet."

  • Formatierung

    Hallo - das ging ja schnell!

    Also - es funzt - Danke!!!

    Ich habe zwar noch versucht, diese Vorgaben im Style-CSS unterzubringen, funktioniert aber nicht (oder ich hab`s falsch gemacht). Es hat aber aber auch Vorteile, wenn dies für entsprechende Bilder einzeln gemacht wird.

    Nochmals Danke für den Tip!

    Horst

Jetzt mitmachen!

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