Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

[Profifrage] Tabelle, Text und zwei Bilder in eine Reihe





Frage

Hi Leute, vielleicht kennt sich ja jemand von euch aus... eine Tabelle mit einer Zeile in der Zeile sind drei Spalten Spalte 1: Text (6 Worte) Spalte 2: 1 Bild Spalte 3: 1 Bild meine Experimente mit width und align der spalten helfen leider nicht weiter. Das Table-Tag hat die Eigenschaft width=100% und das muss auch so bleiben, damit die Tabelle bis an den rechten Rand geht. Der Text erscheint brav links, dann kommt eine riesen Lücke und dann rechts die Bild. Das geht so garnicht... Nach dem Ende des Textes müssen direkt die beiden Bilder folgen. Die Spalte des Textes muß also nur so breit sein, wie sie die Schriftgröße erfordert. Nicht breiter... Hiiiiiilfe... :)

Antwort 1 von derpfleger

Dann gib den Spalten als Breitenangabe einfach width=auto , so sollte es funktionieren.

Antwort 2 von derpfleger

nope, war ein Schnellschuss...

Antwort 3 von CSSrules

Bist du sicher, dass hier tabellarische Daten vorliegen? Wenn du mal andeuten würdest, was du eigentlich mit dem Konstrukt vorhast, könnten wir evtl. Alternativen finden.

Antwort 4 von derpfleger

@CSSrules: hier wäre floaten sicher ein Stichwort :-)

Antwort 5 von Verzweifler

@CSSrules

ja, hier liegen tabellarische Daten vor.

Produktbezeichnung, Bild 1, Bild2,

Die Bilder sind gleichzeitig Links,

nach den Bildern kommt vorerst nichts, später evtl noch mehrere Spalten. Die Anzahl der Zeilen ist im Moment noch unbekannt, es sind aber mehr als zwei ;)

Nochmals: Die Spalte mit dem Text richtet sich nach der aktuellen Schriftgrößte, die beiden Spalten mit den Bildern kann ich fix angeben, da die Bildgröße konstant ist. Die Restbreite am Ende eine jeden Zeile richtet sich nach dem Anwendungsfenster des Benutzers und zwar dynamsich.

So, und nun klärt mich Dummerchen bitte mal auf :)

Danke.

PS: @derPfleger, was meinst du mit "floaten" ???

Antwort 6 von derpfleger

@Verzweifler: wenn du definitv tabellarische Daten hast: vergiss es einfach (das mit dem floaten), dann passt das nicht.

Hilft das etwas weiter: http://de.selfhtml.org/html/tabellen/aufbau.htm#vordefinieren ?

Ansonsten ist noch nicht klar, wie das bei dir aussehen soll: der Text links ist immer derselbe? Oder: die Textspalte soll sich dynamisch verbreitern, wenn der user skaliert?

Antwort 7 von CSSrules

Wenn du die Tabelle auf 100% Breite setzt, den beiden Spalten mit den Bildern fixe Breiten dann kann und muss der Browser der Textspalte nur den gesamten Rest geben.
(
text+bild1+bild2=100%
wenn
bild1
und
bild2
konstant sind, kann nur
text
variabel sein)

Also sind dein Problem deine eigenen Vorgaben. An denen kannst aber nur du selbst drehen.

Antwort 8 von CSSrules

Korrektur, statt kann nur
text
variabel sein
muss es natürlich lauten: ist
text
auch festgelegt
!

Antwort 9 von Martina

Hallo du Verzweifelter,

mache aus der 3er Teilung deiner Tabellenzeile eine einzige Spalte. Dann kannst in die Tabellenspalte (in der dein Text mit den beiden Bildern stehen soll) eine neue einzeilige 3spaltige Tabelle einfügen mit der Breite=auto. Schreibe dann deinen Text in eine Spalte und die Bilder kommen dann jeweils in die anderen Spalten.

Vielleicht hilft dir das weiter.

Gruß Martina

Antwort 10 von Flupo

Wenn ich dich richtig verstanden habe, sollen die beiden Bilder direkt neben dem Text erscheinen und der variable Rand dann rechts vom zweiten Bild.
Das geht ganz einfach indem du nur für die ersten beiden Tabellenspalten eine Breite definierst.
Die erste wird so breit, wie der Text, die zweite wie das Bild. Wenn du dann bei der dritten Spalte keine Angabe machst, passt sich die Breite dann an die Tabellenbreite an.

Gruß Flupo