+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Text an einem Bild anpassen! (/showthread.php?tid=24812)
Text an einem Bild anpassen! - litterauspirna - 23.01.2008
Hallo @ all!
Und zwar habe ich ein Problem. Ich füge per Mausklick ein Bild in ein Textfeld ein,das passiert mit Javascript,ebenfalls nutze ich da auch BBcode.
Im Textfeld sieht das dann so aus. Das Bild ist am Anfang.
<img src="dateithumb/bild.jpg" border="0">Hallo willkommen bei mir.
Das mal ein kurzes Beispiel was drin steht. Bei der Ausgabe beginnt aber leider die Schrift unten am Bildrand. Ich will aber das die Schrift oben am Bildrand beginnt und anschliesen umlaufen um den Bild erscheint.
Habe das schon mit float: left; probiert aber ohne erfolg.
Der komplette Text wird aus einer Datenbank geholt,inklusive Bildpfad.
Hat einer eine Idee und Rat für mich?
Vielen Dank mfg der Litter
Text an einem Bild anpassen! - Helmut - 23.01.2008
Hi,
hier findest du alles was Du zum ausrichten von Grafik und Text brauchst
http://www.juergens-workshops.de/service/selfhtml811/html/grafiken/ausrichten.htm
Cu Helmut
Text an einem Bild anpassen! - litterauspirna - 23.01.2008
Danke für die schnelle Antwort,habe das auch gleich gemacht nur funktioniert das leider nur zum Teil. Es schreibt die erste Zeile nur oben beim Bild beginnend,wenn es dann zum Zeilenumbruch kommt schreibt er aber unter dem Bild weiter,ich wollte es aber so haben das sozusagen um das Bild herum schreibt,also wenn der Text unten am Bildrand angekommen ist erst unter dem Bild weiter schreibt.
Text an einem Bild anpassen! - prm - 23.01.2008
Versuch's mal so:
Code:
<div style="float: left; margin-right: 10px;">
<img src="dateithumb/bild.jpg" border="0" alt="Bild">
</div>
<p>
Text rechts neben dem Bild<br>
Noch mehr Text rechts neben dem Bild
</p>
<br style="clear: left;">Text an einem Bild anpassen! - litterauspirna - 23.01.2008
Hmm das wird so nicht gehen weil das Bild zusammen mit dem Text aus einer Datenbank geholt wird.
<img src="ordner/bild.jpg" border="0">Hallo ich bin ein Bild und das ist gut so.....
So steht das in dem textareafeld und wird in die Datenbank geschickt.
Text an einem Bild anpassen! - prm - 23.01.2008
Ich habe bisher noch nicht mit Datenbanken gearbeitet.
Es sollte jedoch möglich sein, Bild und Text an die vordefinierten Stellen im Quellcode einzufügen. Dann musst du eben den Quellcode und/oder das Script ändern, welches Bild und Text einfügt.
Text an einem Bild anpassen! - Helmut - 23.01.2008
Zitat:habe das auch gleich gemachtwas Du gemacht hast wäre wichtig zu wissen.
Hast Du align="top, middle, bottom" genommen oder align="left, right"
Cu Helmut
Text an einem Bild anpassen! - litterauspirna - 26.01.2008
Ich habe nur align=top genommen
Text an einem Bild anpassen! - litterauspirna - 26.01.2008
Also ich versuche es noch mal deutlicher zu erklären was ich eigentlich mache und wie ich es will!
Also ich habe in einem Formular ein Selectfeld wo ich auch mit BBcode arbeite und das läuft gut. So nun füge ich auch den Bildpfad per Mausklick nach einem Upload in das Textfeld ein.
So sieht es im Textfeld aus wenn Der Bildpfad und der Text drin stehen.
Inhalt Textfeld:
<img src="thumb/bild.jpg" border="0">Das ist ein Bild und es kommen noch viele mehr dazu wenn das dann mal klappen sollte!
Ende Inhalt Textfeld:
So wird das in die Datenbank in eine Spalte namens Text eingefügt. Das auslesen klappt auch richtig gut nur mit dem Fehler das die Schrift nmicht um das Bild darum läuft sondern entweder eine Zeile oben ist und der Rest dann unten weiter geht oder es fängt ganz unten an der Text. Ich möchte das der Text oben am Bild anfämgt,am Bildrand so lange nach unten weiter geht bis zum unteren Ende des Bildes und erst dann ganz links unter dem Bild weiter nach unten geht!
Danke für eure Hilfe!
MFG der Litter
Text an einem Bild anpassen! - Seramis - 26.01.2008
Vielleicht habe ich es auch nicht ganz verstanden, aber ich glaube, dass der Text, der über dem Bild stehen soll, VOR dem <img> Tag stehen muss.
Wenn das Bild dabei links platziert werden soll, dann so:
Code:
Dies ist mein Hund Waldi.
<img src="thumb/bild.jpg" border="0" align="left">
Er beisst nicht und ist stubenrein....aber ein ganz frecher Kerl.Mit den Befehlen VSPACE und HSPACE kann man um das Bild herum (textfreien) Platz schaffen: HSPACE sorgt für Abstand des Textes neben dem Bild und VSPACE über und unter dem Bild. Der Wert wird in Pixeln angegeben.