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" ???
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?
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.
(
Also sind dein Problem deine eigenen Vorgaben. An denen kannst aber nur du selbst drehen.
(
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
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
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

