Um's bild schreiben lassen

Ich habe eine Tabelle und dort soll rechts oben ein Bild rein und von links an halt ein text. Der text soll aber um das Bild geschrieben werden. wie würde ich das in HTML in EINER Tabelle umsetzten. Das ganze ist für die NEWS von dem cms Webspell.

und das in HTML oder PHP!

hier ein Pic wie ich das meine:

http://www.pic-upload.de/08.11.07/6o4pjm.jpg



thx im vorraus!

Such dir mal die

Code:

---

news.html

---

aus deinem verzeichnis raus und Code die einfach mal um. So, dass das Bild mit ich glaube

Code:

---

valgin="right"

---

ist (das musste in den [img]Tag reinsetzen), dann sollte der Text bei richtiger Anpassung auch drumrum laufen.


LG Kruemel

also wenn dus in ne tabelle schrieben willst kannst dus so machen:

Code:

---

<table>
  <tr>
    <td>lalalla##obenlinks</td>
    <td>bild oben rechts <img></td>
  </tr>
  <tr>
    <td colspan="2">alles was unten steht....</td>
  </tr>
</table>

---

das zauberwort heißt colspan mit dem du 2 zellen verbindest

Der code von Kruemel ist etwas einfacher stimmt aber nicht ganz ^^
du musst bei der Zeile wo

Code:

---

<img...

---

ist am ende noch

Code:

---

align="right"

---

einfügen und dann ist das bild rechts und das sollte vor dem Text stehen

er wills aber ja in einer tabelle haben, hat er doch geschrieben....

@kruemel: valign steht für vertical align, d.h. es wird z.B. in tabellen genommen um den text vertikal auszurichten, also oben oder unten und nicht lin ks und rechts

Sehen und staunen Sie:

Code:

---

<table border="0" width="500" align="center">
        <tr>
                <td width="100%" align="left">
                [img]Unbenannt.jpg[/img]
                Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text... Text...<br clear="all">

Tolle Sache ;)</p>
                </td>
        </tr>
</table>

---

Mfg

Chaos

Code:

---

<div style="width:500px; height:300px; border:solid #000000 1px 1px 1px 1px; text-align:justify;">
<div style="background-color:#FF0000; width:50px; height:50px; float:right;"></div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>

---

float!

@JambaRatte: Ich hab doch float genommen o.O
Und ich glaub der wollte Tabellen haben ^^

Mfg

Chaos

Du solltest das CSS von JambaRatte benutzen. Wenn jemand eine kleine oder grosse Schriftart in seinem Browser einsetzt, zerstört es dein Tabellensystem eh, mit dem CSS passt es sich flexibel dein Einstellungen und Inhalten ein. Eine Tabelle ist daher nicht zweckmässig.