4images Modifications / Modifikationen > Templates & Styles (Requests & Discussions)

Probleme mit table in Feld "description"

(1/2) > >>

VGerhard:
Hallo,
trotz intensiver Suche habe ich im Forum zu folgendem Problem nichts gefunden:

Hinweis beim Einfügen bzw. Bearbeiten von Bildern:
"Sie können HTML-Code verwenden"

Ich möchte im Feld image_description eine kleine Tabelle für Kontaktdaten einfügen.

Die Erstellung der Tabelle funktioniert zwar absolut korrekt, allerdings wird diese hier mit einem "gefühlten" Abstand von ca. 20 Textzeilen unter dem "normalen" Text angezeigt, obwohl ich valign="top" verwendet habe. Selbst wenn die Tabelle direkt am Beginn des ansonsten leeren Feldes steht, erscheint sie um den o.g. Abstand nach unten geschoben.

Wie läßt sich dieser unangenehme Effekt vermeiden? Kann ich da evtl. mit mysqladmin in der Feld-Struktur was ändern?
Die ersatzweise Formatierung mit   ist leider optisch "unschön", da zu grob.

Vielen Dank im voraus.

Rembrandt:
Hi!

Mittels valign="top" kannst du nur den Text in einer Tabelle ausrichten.
Man musste einmal nachsehen wo der Tabellenrand steht, dann kann man das mittels "margin=0" oder "padding=0" egalisieren.
Hat der neue Tabellenrand zu viel abstand zum vorherigen: padding = 0
Hat der neue Tabellenrand zu viel abstand zum eigenen Inhalt: margin = 0
oder die vorherige Tabelle hat zu viel "margin"
oder... oder... :)

Hier kannst du dir das Box Modell ansehen

mfg Andi

VGerhard:
Hi Andi,
zunächst vielen Dank für die prompte Antwort.

Um der Sache auf den Grund zu gehen, habe ich mit <div> ... </div>einen festen Bereich definiert, allerdings auf eine Höhen-Angabe verzichtet (margin:0px;).

Ergebnis:
Die erforderliche Höhe des Bereiches wird automatisch ermittelt. Die eingeschlossene Tabelle (spacing + padding = 0) erscheint allerdings ca. 232-234 px nach unten versetzt (per Screenshot ermittelt). Unterhalb der Tabelle wird automatisch eiine Leerzeile eingefügt.
Füge ich statt der Tabelle eine Anzahl Textzeilen ein, wird lediglich oben eine Leerzeile eingefügt, der Versatz von 232-234 px wirkt sich hier also nicht aus. Unterhalb der letzten Textzeile wird KEINE Leerzeile eingefügt. Die erforderliche Höhe wird auch hier korrekt angepaßt.

Und - wie gesagt: Dieser seltsame Effekt tritt NUR innerhalb des Datenbank-Feldes auf, nicht in der "reinen" .html-Umgebung.

Ist es denn überhaupt vorstellbar, daß im "Eltern-Element" unterschiedliche margin-Werte für Text und Tabellen vorgesehen sind?

Na, vielleicht gibt's ja doch noch eine Lösung...

Beste Grüße
Gerd

Rembrandt:
Einen "Div" musst du unbedingt eine Höhe angeben (hight= "***"), außer wenn der Inhalt ein Text ist, aber das hast du ja selber schon festgestellt.
Gib mir mal die Webaddresse mit den Problem.

mfg Andi

Edit ich habe das einmal bei mir ausprobiert, das geht ohne Probleme

VGerhard:
Danke für die Mühe, aber...

... egal ob mit oder ohne Einbettung in <div style ...> - bei mir bleibt es bei der unerklärlichen Verschiebung nach unten, auch wenn ich einen festen height-Wert einfüge.
Besteht Dein Beispiel nur aus einer Tabelle, oder ist die ebenfalls in <div style...> eingebettet?
Genau so sollte es bei mir auch aussehen.  :roll:
Webadresse gibt's noch nicht, ich teste derzeit offline auf xampp-Basis.

Ist evtl. an der Syntax meiner Tabelle irgendwas falsch:

<table width="150" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td valign="top"  width="50"><font color="FF0000">Inhalt 1 </font></td>
      <td valign="top"  width="100">Inhalt 2</td>
   </tr>
   <tr>
      <td valign="top"  width="50"><font color="FF0000">Inhalt 3</font></td>
      <td valign="top"  width="100">Inhalt  4</td>
   </tr>
</table>

Ist aber nicht tragisch, wenn es nicht klappt. Ich nutze inzwischen eine auf die erforderliche Länge skalierte 1-px-Grafik als TAB-Ersatz.

Navigation

[0] Message Index

[#] Next page