Bilder von Text umfließen lassen

    Hallo,
    ich will, dass der Text meine Bilder umfließt, das funktioniert aber leider irgendwie nicht :S
    Im Editor klappt es, wenn den Artikel dann aber veröffentliche habe ich einen Zeilenumbruch.
    Wie kann ich das verhindern?

    http://www.hiphop-home.de
    Theme:SoulVision 1.0 by JustDreamweaver

    • 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

    float: left;

    Zitat von Foos

    float: left;


    hm dann muss ich ja bei jedem Bild das über die Advanced Settings auswählen, was ziemlich umständlich ist. Kann man das nicht als Standard Einstellung einstellen?
    Auch ist dieses float: left; verschwunden, wenn die Einstellungen erneut aufrufe..

    Es gibt aber noch ein Problem, wenn der Text relativ kurz ist auf der Hauptseite geht das Bild über den eigentlichen Artikel hinaus..
    [Blockierte Grafik: http://img.7pics.info/float%20left_f54_thumb.png]

    Foos war vieleicht etwas zu kryptisch:

    das [FONT=Courier New][COLOR=blue]float:left;[/COLOR][/FONT] bzw [FONT=Courier New][COLOR=blue]float: right;[/COLOR][/FONT] fuer muss in die style.css von deinem theme zu deinen [FONT=Courier New][COLOR=blue]img.aligneft[/COLOR][/FONT] (etc.) style dazu:

    Code
    img.alignleft {
 margin-right:10px;
 margin-bottom:5px;
float: left;
}
img.alignright {
 margin-bottom:5px;
 margin-left:10px;
float: right;
}



    und entferne wieder das, was du jetzt in deinem post hast - die bild-ausrichtung anzuklicken sollte reichen.

    Danke :)
    Das andere Problem besteht aber weiterhin, das Bild geht über den Artikel hinaus.
    Außerdem ist bei dem "kompleten Artikel lesen" ein Zeilenumbruch, der da eigentlich nicht sein sollte :-x
    [Blockierte Grafik: http://img.7pics.info/float%20left%202_13f_thumb.png]

    Ein anderes weiteres Problem ist, dass in diesem Fall das "Tracklist" unter das Bild soll, da es zu dem Quote gehört und somit dann besser aussehen würde, allerdings bewirken meine Zeilenümbrüche und Absätze nichts..
    [Blockierte Grafik: http://img.7pics.info/tracklist_442_thumb.png]

    zu beiden problemen:

    in die style.css einfuegen:

    Code
    .more-link, .postinfo { clear: both; }
.postcontent h3 { clear: both; }



    der erste style verhindert das ueberhaengen des bildes; der zweite style bringt jedes h3 (in dem speziellen fall das wort 'tracklist' auch auf eine eigene zeile.

    Dankeschön :)
    Bin aber leider noch nicht ganz zufrieden :S

    Jetzt ist das "kompletten Artikel lesen" ja unter dem Bild, sofern rechts neben dem Bild nicht viel Text steht sollte das eigentlich schon daneben stehen und nicht darunter..
    Kannst du mir da vllt auch noch helfen? :)

    versuch '.more-link, ' von dieser zeile wegzulassen (ungetestet):

    Code
    .more-link, .postinfo { clear: both; }



    evtl musst du auch noch die width hier anpassen und 'text-align: left;' einfuegen (in style.css des themes):

    Code
    .more-link {
 font-size:11px;
 font-weight:700;
 background: url(images/read-more-icon.gif) no-repeat left center;
 padding-left: 20px;
 height: 16px;
 width: 200px;
 display: block;
}

    Also nur

    Code
    .postinfo { clear: both; }

    ?

    Dann hängt das Bild wieder über, das "kompletten Artikel lesen" ist zwar rechts neben dem Bild, aber der Zeilenumbruch ist da..

    edit: das zweite hab ich in der Css schon so drin..

    koenntest du wenigstens die antworten genau lesen - ich hatte die letzten drei zeilen der style.css extra als block gepostet.

    du hast [FONT=Courier New][COLOR=blue].more-link,[/COLOR][/FONT] in der ersten zeile (von den letzten drei zeilen ) stehen lassen.

    (und es ist nur im firefox getstet - keine garnatie dass das in allen browsern geht)

    letzter versuch.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden