Mich plagt mal wieder wahrscheinlich ein kleines Problem. Wenn ich nen Blog schreibe, würde ich ein Bild gern so einbinden, wie das in Zeitungsartikeln z.B. ist. In Word gibbet ja die Funktion, dass ich die Grafik anpassen kann und verschieben. Ist das hier http://www.rotes-wolfsburg.de.vu eigentlich auch möglich?
Bild in Text einbinden
-
-
- 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)
-
Du hast die Möglichkeit Bilder links oder rechts vom Text umfließen zu lassen. Dazu gibt es in CSS die Anweisung "float".
http://de.selfhtml.org/css/eigenschaf…erung.htm#floatDie veraltete Methode wäre innerhalb des IMG-Tags mit dem align-Attribut zu arbeiten.
Grüße
Mo -
Okay ... soweit verstanden, wie würde ich das dann in diesem Beispiel machen?
HTML<p>Hecking: 96 soll sich zum Fest einen Sieg schenken</p> <p>Hannover (fe/wie). Doppelte Freude über das Los im DFB-Pokal: Fußball-Bundesligist Hannover 96 hat im Achtelfinale zum ersten Mal in diesem Wettbewerb ein Heimspiel, und der Gegner ist Zweitligist MSV Duisburg. „Es ist erfreulich, dass wir endlich mal ein Heimspiel haben. Das haben wir uns auch verdient“, sagte 96-Klubchef Martin Kind und schielte mit einem Auge schon aufs Viertelfinale: „Jetzt gibt es eine gute Chance, eine Runde weiterzukommen.“<br /> <img alt="Duisburg" title="Duisburg" src="http://www.eddie666.de/zl11.gif" /></p> <p><!--more-->Im Lostopf waren gestern Abend auch noch Bundesligisten wie etwa Rekord-Pokalsieger FC Bayern München oder der VfB Stuttgart – Gegner, die sicher stärker einzuschätzen sind als der Meidericher SV aus Duisburg. Doch zu unterschätzen ist der aktuelle Tabellendritte der 2. Liga auch nicht: Nach dem 2:1-Sieg beim Nord-Regionalligisten Rot-Weiß Ahlen zwangen die Duisburger in der 2. Pokalrunde Bayer Leverkusen erst in die Verlängerung und dann in die Knie (3:2).</p> <p>Interessant am Rande beim letzten 96-Spiel vor der Weihnachtspause in der AWD-Arena: Für die „Roten“ und ihr Publikum gibt es ein Wiedersehen mit dem früheren 96-Querschläger Mohamadou Idrissou, der für die „Zebras“ gegen Leverkusen einen Treffer erzielte und das Siegtor vorbereitete. Das letzte Aufeindertreffen der Achtelfinalgegner im März 2006 endete 0:0 – ein Grottenkick. 96-Spieler Thomas Brdaric sieht der Partie trotzdem mit Optimismus entgegen: „Das ist eine lösbare Aufgabe. Wir können unsere Fans für den schlechten Saisonstart entschädigen.“ Trainer Dieter Hecking ergänzte mit Blick auf den Duisburger Pokalsieg gegen Leverkusen: „Wir sind gewarnt. Aber das Heimspiel ist eine Chance – wir sollten uns selbst zu Weihnachten mit einem Sieg beschenken.“<br /> <em><br /> Quelle: Hannoversche Allgemeine</em></p> -
Schau dir den Link an den ich dir gepostet habe und probier es aus.
Btw. steht in selfHTML auch etwas über das align-Attribut, wenn du das bevorzugst.Grüße
Mo -
indem du so etwas wie das hier:
HTML
Alles anzeigenp img { padding: 0; } img.mitte { display: block; margin-left: auto; margin-right: auto; } img.rechts { padding: 4px; margin: 0 0 2px 5px; display: inline; border: #9A9A9A 0px solid; float: right; } img.links { padding: 4px; margin: 0 5px 2px 0; display: inline; border: #9A9A9A 0px solid; float: left; }in deine CSS-Datei packst und dann im Editor einfach an der entsprechenden Stelle das Bild einfügst, mit dem Zusatz:
HTML<p>Hannover (fe/wie). Doppelte Freude über das Los im DFB-Pokal: Fußball-Bundesligist Hannover 96 hat im Achtelfinale zum ersten Mal in diesem Wettbewerb ein Heimspiel, und der Gegner ist Zweitligist MSV Duisburg. „Es ist erfreulich, dass wir endlich mal ein Heimspiel haben. Das haben wir uns auch verdient“, sagte 96-Klubchef Martin Kind und schielte mit einem Auge schon aufs Viertelfinale: „Jetzt gibt es eine gute Chance, eine Runde weiterzukommen.“<br /> <img alt="Duisburg" title="Duisburg" src="http://www.eddie666.de/zl11.gif" class="links" /></p>Hier ist noch ein ausführliche Erklärung zu Xhtml:
http://jendryschik.de/wsdev/einfuehrung/ -
Kann ich das in er CSS an einer beliebigen Stelle einfügen? Öhm, das ganze lässt sich auch nicht wirklich über den normal Editor lösen oder?
Man, ich merk, das ich wirklich null Ahnung habe. :roll:
-
Das Beispiel von SuMu ist zwar sehr ausführlich, aber imho für sich erstmal wenig hilfreich. Außerdem ist ein Teil des Codes hyperfluid ;)
Schau dir die Seiten in selfHTML an. Da steht auch, wie du einzelne Img-Elemente mittels "float" oder "align" im Textfluß ausrichtest.Grüße
Mo -
So wirklich verstanden hab ich das nicht. :roll:
-
Wo hast du ein konkretes Problem beim Verständniss?
Hast du versucht die Beipiele nachzuvollziehen bzw. auf eigenen Code angewendet?Grüße
Mo -
Ich weiß z.B. nicht, wo ich mit dem ersten Befehl des float anfangen muss, denn im Beispiel von selfHTML steht es ja mit der Überschrift schon zusammen. Dann ist mir noch unklar, wo ich das float in der Zeile mit dem Image setze. Ich kann ja nicht einfach irgendwo float:left reinsetzen, richtig?
-
Im Beipiel von selgHTML wird die Überschrift links "gefloatet" (ausgerichtet), damit sie rechts vom Text umflossen wird (siehe das Anzeigebeispiel).
Da "float" eine CSS-Anweisung ist, muß sie innerhalb eines Elements (z.B. IMG) innerhalb des style-Attributes definiert werden.
Das selfHTML Beispiel kannst du ohne Probleme von h1 auf img übertragen.
Grüße
Mo -
Danke dir ... wenn ich gewußt hätte, dass es echt nur an dem Satz style=float:left liegt ... man man *in den Arsch beiß*
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!