HpBk-TemplateWorld | Alles für dich.

Bild mit Text umfliessen

Einleitung
Ganz oft ist es praktisch, wenn man sein Bild neben einem Text platzieren kann. Doch dann bekommt man schnell das Problem, dass der Text viel zu dicht an dem Bild verläuft und man dort am besten noch ein wenig Platz dazwischen gebrauchen könnte. Ich zeige euch, wie einfach dies funktioniert.

Schwierigkeitsstufe: Anfänger

Am besten beginnen könnt ihr, wenn ihr bereits einen Text habt, der mit einem Bild aufgehübscht werden soll. Dazu begebt ihr euch in den Seiteneditor unter "Eigene Seiten editieren". Als nächstes fügt ihr also ein Bild ein. Dies macht ihr über den Button "Bild einfügen". Das Bild wurde nun im Editor eingefügt. Klickt jetzt auf das kleine Symbol "Bild einfügen/editieren". Es öffnet sich ein Fenster, in dem wir folgende Einstellungen vornehmen: In diesem Beispiel wird das Bild links vom Text platziert (Ausrichtung). Natürlich könnt ihr es auch rechts platzieren.



Nun klicken wir auf "Erweitert" und geben unter "Style" folgenden Befehl ein:
Solltet ihr euer Bild rechts platzieren wollen, müsst ihr hier folgenden Code eingeben:

Die 20 Pixel könnt ihr natürlich beliebig anpassen. Je größer die Zahl, desto größer wird der Abstand vom Text zum Bild.



Klickt nun auf "OK" und übernehmt eure Einstellungen.



Das Bild wird nun also links im Editor platziert und der Text verläuft mit einer sauberen Kante zum Bild mit einem Abstand von 20 Pixeln.





Kommentar zu dieser Seite hinzufügen:
Dein Name:
Deine E-Mail-Adresse:
Deine Homepage:
Deine Nachricht:

Du bist der 397886 Besucher.

Information

HpBk-TemplateWorld ist seit Januar 2011 die neue Design-Zentrale im Homepage-Baukasten. Mit über 100 Designs ist und soll HpBk-TemplateWorld auch mit eurer Hilfe noch weiter ausgebaut werden und somit zu einer zentralen Anlaufstelle für Designs, Templates und Tutorials im HpBk werden.

Partner werden

Möchtest du auch Partner von HpBk-TemplateWorld werden? Dann schreibe mich an. Gerne sehe ich mir deine Seite genauer an und werde dich dann zu den offiziellen Partnerseiten hinzufügen.