Bilderreihe in Tabelle - Paules-PC-Forum.de

DkraX · 23.02.2008, 09:56

Hallo zusammen,

brauche von euch ein paar Vorschläge wie ich etwas von mir programmiertes am besten realisieren kann, hier mein Problem:

- Ich habe eine Tabelle mit der Breite 100%

- In einer Datenbank sind Maschinendaten abgespeichert und u.a. ein Dateiname zu dem entsprechenden Bild der Maschine

- Aus der Datenbank werden jetzt nur die "Bilder" ausgelesen und in die o.g. Tabelle nebeneinander eingefügt

- Nun ist die Tabellenbreite aber 100% und ich möchte, dass nur so viele Bilder in die Tabelle kommen, dass diese genau eine Zeile füllen. Also kein Zeilenumbruch

Hat jemand nen Vorschlag wie man sowas realisieren könnte?

VG Dustin

Zwirni · 23.02.2008, 16:28

Die Bild-Tags nebeneinander floaten - dann macht der Browser automatisch einen Zeilenumbruch falls das nächste Bild nicht mehr auf die Zeile passt. Dafür brauchst du dann auch keine Tabelle mehr, nur div's.

HTML

Code:

<div id="rahmen">[img]bild1.jpg[/img][img]bild2.jpg[/img][img]bild3.jpg[/img]</div>

CSS

Code:

#rahmen { width: 100%; }
#rahmen img { float: left; }

DkraX · 23.02.2008, 16:43

Danke für die Antwort aber lesen hätte uns beide weitergebracht

Zitat:

Zitat von DkraX

Also kein Zeilenumbruch

Zwirni · 23.02.2008, 17:16

Ach, du willst alle Bilder auf einer Zeile darstellen? Ginge mit einem Code ähnlich dem meinen oben. Müsstest noch "overflow: scroll" ergänzen - dann entsteht ein Scrollbalken sobald die Anzahl Bilder die verfügbare Breite überschreitet. Mit einer Tabelle würde ich sowas aus Kompatibilitätsgründen nicht machen.

DkraX · 23.02.2008, 17:59

ich will aber auch keine scrollleiste o.ä haben

Es sollen einfach keine weiteren Bilder angezeigt werden...

P!lle · 23.02.2008, 20:15

Mal nen kleiner Gedankenanstoß:
Du müsstest ermitteln wie breit das Fenster ist, also wieviel die 100% in Pixeln sind. Dann müsstest du die Breite des Bildes abfragen welches "eingefügt" wird. Wenn das breiter ist als die Seite dann abbrechen und es nicht einfügen. Wenn dann das zweite eingefügt werden soll, die Breite des ersten Bildes und des zweiten Bildes addieren und prüfen ob der Wert größer als die Seite ist... wenn ja, dann das zweite Bild nicht mehr einfügen etc....

Verstanden?^^...

Zwirni · 23.02.2008, 20:20

Zitat:

Zitat von DkraX

ich will aber auch keine scrollleiste o.ä haben

Es sollen einfach keine weiteren Bilder angezeigt werden...

Dann overflow: hidden - dadurch wird alles was nicht reinpasst auch nicht ausgegeben.

Der Gedankenanstoß klingt aber auch gut .. auf php-Basis

P!lle · 23.02.2008, 20:23

Zitat:

Zitat von Zwirni

.. auf php-Basis

Nja, sind ja auch im php-Forum...

23.02.2008, 09:56	#1 (Direktlink)
DkraX Ist öfter hier Registriert seit: 07.01.2005 Ort: Wülfrath Beiträge: 88	Bilderreihe in Tabelle Hallo zusammen, brauche von euch ein paar Vorschläge wie ich etwas von mir programmiertes am besten realisieren kann, hier mein Problem: - Ich habe eine Tabelle mit der Breite 100% - In einer Datenbank sind Maschinendaten abgespeichert und u.a. ein Dateiname zu dem entsprechenden Bild der Maschine - Aus der Datenbank werden jetzt nur die "Bilder" ausgelesen und in die o.g. Tabelle nebeneinander eingefügt - Nun ist die Tabellenbreite aber 100% und ich möchte, dass nur so viele Bilder in die Tabelle kommen, dass diese genau eine Zeile füllen. Also kein Zeilenumbruch Hat jemand nen Vorschlag wie man sowas realisieren könnte? VG Dustin __________________ Emotional Feelings Web & Grafikdesign http://www.emotional-feelings.de

23.02.2008, 16:28	#2 (Direktlink)
Zwirni Dauergast Registriert seit: 04.07.2004 Ort: Leipzig Beiträge: 1.085	Die Bild-Tags nebeneinander floaten - dann macht der Browser automatisch einen Zeilenumbruch falls das nächste Bild nicht mehr auf die Zeile passt. Dafür brauchst du dann auch keine Tabelle mehr, nur div's. HTML Code: <div id="rahmen">[img]bild1.jpg[/img][img]bild2.jpg[/img][img]bild3.jpg[/img]</div> CSS Code: #rahmen { width: 100%; } #rahmen img { float: left; }

23.02.2008, 17:59	#5 (Direktlink)
DkraX Ist öfter hier Registriert seit: 07.01.2005 Ort: Wülfrath Beiträge: 88	Herr ich will aber auch keine scrollleiste o.ä haben Es sollen einfach keine weiteren Bilder angezeigt werden... __________________ Emotional Feelings Web & Grafikdesign http://www.emotional-feelings.de

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

23.02.2008, 17:16	#4 (Direktlink)
Zwirni Dauergast Registriert seit: 04.07.2004 Ort: Leipzig Beiträge: 1.085	Ach, du willst alle Bilder auf einer Zeile darstellen? Ginge mit einem Code ähnlich dem meinen oben. Müsstest noch "overflow: scroll" ergänzen - dann entsteht ein Scrollbalken sobald die Anzahl Bilder die verfügbare Breite überschreitet. Mit einer Tabelle würde ich sowas aus Kompatibilitätsgründen nicht machen.

23.02.2008, 20:15	#6 (Direktlink)
P!lle Forenmaskottchen Registriert seit: 01.06.2005 Alter: 22 Beiträge: 776	Mal nen kleiner Gedankenanstoß: Du müsstest ermitteln wie breit das Fenster ist, also wieviel die 100% in Pixeln sind. Dann müsstest du die Breite des Bildes abfragen welches "eingefügt" wird. Wenn das breiter ist als die Seite dann abbrechen und es nicht einfügen. Wenn dann das zweite eingefügt werden soll, die Breite des ersten Bildes und des zweiten Bildes addieren und prüfen ob der Wert größer als die Seite ist... wenn ja, dann das zweite Bild nicht mehr einfügen etc.... Verstanden?^^...