div umbruch verhindern

[Michael Jendryschik]

ganz einfach ich habe ein div-feld in dem ein Bild ist.

Du suchst das Wort "Element". Bitte lies http://jendryschik.de/wsdev/einfuehrung/css/syntax.html.

Dieses steht in einem table neben einem anderen "normalen" Bild.

Ich hoffe, du sprichst von Tabellenzellen ('td').

(Klingt kompliziert, brauchs aber so, weil über das Bild noch Text kommt, sprich das Bild als Hintergrundbild und der Text drüber als Text im div)

Wie wäre es mit einer eigenen Zelle für diesen Text und einer Deklaration des Hintergrundbildes für die Zelle?

Jetzt macht aber der div teil immer einen Zeilenumbruch.

'div' ist ein Blockelement und bewirkt eine sogenannte "Block-Box". Du kannst unter http://jendryschik.de/wsdev/einfuehrung/css/box-modell.html nachlesen, wie diese dargestellt wird. Wenn du möchtest, dass ein 'div'-Element (oder ein anderes Block-Element) in einer Zeile mit anderen Elemente dargestellt wird, musst du dafür sorgen, dass es wie ein Inline-Element dargestellt wird, also eine Inline-Box erzeugt. Eine Inline-Box kann in unterschiedlichen Variationen auftreten:

* Als Inline-Box
* Als Compact-Box
* Als Marker-Box
* Als Run-in-Box.

Unter http://jendryschik.de/wsdev/einfuehrung/css/ausrichtung.html habe ich diese Boxen näher erläutert. Dort findest du auch die Eigenschaft 'display', mit der du bestimmen kannst, von welcher Art ein Element sein soll, mit welcher Art von Box es also darstellt werden soll. In deinem Fall bietet sich

div { display: inline }

an.

MI