<div> Positionierung

[cocomoquai]

Hi alle zusammen,

ich versuche rechts com Text ein Bild anzuzeigen. Und das Bild muss auch in dem über div sein da ich die Erzeugung der Ausgabe in einer Schleife habe und sonst das Bild vom Text immer zerrissen wird.

<div id="rahmen">

<br>
<a id="titel">$TITEL</a><br>
<a id="unter">$UNTERTITEL - $AUTOR</a><br><br>

<Table border="1">
  <tr><td>ISBN: $ISBN</td><td width="3%"></td><td>Bestell-Nr:    $bestellNR</td></tr>
  <tr><td>Erscheinungsjahr: $Erscheinungsjahr</td><td width="3%"></td><td>Verlag: $Verlag</td></tr>
  <tr><td>Schlagwort: $Schlagwort</td></tr>
</Table>

<Table border="1">
  <tr><td><textarea name="text" rows="6" cols="75" disabled></textarea></td><td>Preis: $Preis</td></tr>
  <tr><td>$Antiquar   $Land</td></tr>
</Table>

<div style="position:relative; top: 500; left: 500;">
  <table cellspacing="0" cellpadding="0" border="0">
    <tr><td valign="bottom" style="background: url(http://www.buchfreund.de/gfx/holzbrett.gif) bottom left no-repeat;">
    <div style="padding: 10px; border: 1px solid #F8BD7B; margin: 0 10px 10px 10px; background-color: #FFFFFF;">
     <img src="'.$vorschaubild.'" width="160px" height="250px" border="0"/>
    </div></td></tr>
  </table>
</div>
</div>

Hier wie es ausgeführt aussieht:

und nun sollte das Bild rechts davon aber noch im blauen stehen natürlich größer^^

Ich hoffe ihr könnt mir helfen :) Vielen dank im Vorraus

[ChrisB]

Hi,

ich versuche rechts com Text ein Bild anzuzeigen.

Hast du dich bereits mit der Eigenschaft float beschäftigt?

Und das Bild muss auch in dem über div sein da ich die Erzeugung der Ausgabe in einer Schleife habe und sonst das Bild vom Text immer zerrissen wird.

Was darf man sich darunter vorstellen?

Generell solltest du strukturell sinnvolleres HTML schreiben.

<br>
<a id="titel">$TITEL</a><br>
<a id="unter">$UNTERTITEL - $AUTOR</a><br><br>

BR möchte sich in Luft auflösen, Abstände erzeugst du mit CSS.
Und Titel und Untertitel möchten meist Überschriften sein.

<div style="position:relative; top: 500; left: 500;">

Abgesehen davon, dass die Angaben für top und left ungültig sind - wozu möchtest du das Element überhaupt verschieben?

<tr><td valign="bottom" style="background: url(http://www.buchfreund.de/gfx/holzbrett.gif) bottom left no-repeat;">
    <div style="padding: 10px; border: 1px solid #F8BD7B; margin: 0 10px 10px 10px; background-color: #FFFFFF;">

Formatierungen solltest du auslagern, nicht inline notieren.
Und Darstellung komplett über CSS machen - das betrifft auch Sachen wie border, valign, etc.

MfG ChrisB

[cocomoquai]

Hast du dich bereits mit der Eigenschaft float beschäftigt?

Ja das habe ich aber das bringt mir in diesem Fall glaube ich nichts.

Und das Bild muss auch in dem über div sein da ich die Erzeugung der Ausgabe in einer Schleife habe und sonst das Bild vom Text immer zerrissen wird.

Was darf man sich darunter vorstellen?

Das Funktioniert so du gibst etwas in eine Suchleiste ein und suchst, dann hat man für gewöhnlich mehrere Treffer. Diese Treffer will ich untereinander darstellen das meinte ich mit schleife.

Generell solltest du strukturell sinnvolleres HTML schreiben.

Ich weis *sich schäm*

<br>
<a id="titel">$TITEL</a><br>
<a id="unter">$UNTERTITEL - $AUTOR</a><br><br>

BR möchte sich in Luft auflösen, Abstände erzeugst du mit CSS.
Und Titel und Untertitel möchten meist Überschriften sein.

<div style="position:relative; top: 500; left: 500;">

Abgesehen davon, dass die Angaben für top und left ungültig sind - wozu möchtest du das Element überhaupt verschieben?

Das ist ja mein Problem ich blick da nicht so ganz durch deswegen frage ich ja um hilfe. Das verschieben deshalb weil ich will das es so aussieht:

allerdings dann auchnoch wenn ich mehrere Treffer habe.

<tr><td valign="bottom" style="background: url(http://www.buchfreund.de/gfx/holzbrett.gif) bottom left no-repeat;">
    <div style="padding: 10px; border: 1px solid #F8BD7B; margin: 0 10px 10px 10px; background-color: #FFFFFF;">

Formatierungen solltest du auslagern, nicht inline notieren.
Und Darstellung komplett über CSS machen - das betrifft auch Sachen wie border, valign, etc.

Mache ich noch mir geht es jetzt erst mal nur um die Positionierung.

MfG ChrisB

Aber shcon mal danke für überhaupt eine Reaktion :)

[EKKi]

Mahlzeit cocomoquai,

Formatierungen solltest du auslagern, nicht inline notieren.
Und Darstellung komplett über CSS machen - das betrifft auch Sachen wie border, valign, etc.

Mache ich noch mir geht es jetzt erst mal nur um die Positionierung.

"Mache ich noch" ist ein Synonym für "Kommt in Phase II", "Wird in Version 2.0 umgesetzt" und "Ist nur erstmal während der Entwicklung so" und bedeutet letztendlich: "Bleibt so, das fasst nie wieder jemand an". Ehrlich.

Deshalb solltest Du Zitat 1758 beherzigen und *ZUERST* strukturell sinnvollen HTML-Code schreiben. Alles andere kommt *hinterher*.

MfG,
EKKi

[ChrisB]

Hi,

Hast du dich bereits mit der Eigenschaft float beschäftigt?

Ja das habe ich aber das bringt mir in diesem Fall glaube ich nichts.

Das glaube ich aber schon.

Und das Bild muss auch in dem über div sein da ich die Erzeugung der Ausgabe in einer Schleife habe und sonst das Bild vom Text immer zerrissen wird.

Was darf man sich darunter vorstellen?

Das Funktioniert so du gibst etwas in eine Suchleiste ein

Ich wollte wissen, was du mit dem "zerrissen" meinst.

MfG ChrisB