Grafik über mehrere Zellen einer Tabelle

neodrei · 18.08.2005, 18:24

Hi,

ich habe eine Tabelle, welche zB 10 mal 10 Felder groß ist.
Nun möchte ich in der Zelle 2 (nach rechts) | 2 (nach unten) ein Grafik einbinden, welche aber nicht nur in dieser einen Zelle ist, sondern auch über 2|3 und 3|2, 3|3 liegt. Sprich die Grafik soll über vier feldern liegen, aber nur in einem feld eingebunden werden.
mit col und rowspan geht das leider nicht, weil dann in der php-schleife alles durcheinander kommt und die tabelle hinten und vorne nicht mehr passt... mir reicht auch, wenn ich die grafik an der linken oberen zelle fixieren kann und dann ne pixel-anzahl angeben kann, über welche sich die grafik erstreckt... hauptsache man muss sie nur in einer zelle einbinden.

hoffe ihr versteht das prob und könnt mir weiterhelfen.

vielen dank,
christian

neodrei · 18.08.2005, 18:27

was cih vergessen habe: auf dem bild muss dann noch nen link sein...

VIELEN DANK!

DiBo33 · 18.08.2005, 18:39

Zitat:

mit col und rowspan geht das leider nicht, weil dann in der php-schleife alles durcheinander kommt

Entweder die Schleife anpassen oder die Grafik.

neodrei · 18.08.2005, 18:43

hm danke für den tipp, aber das ist sehr viel einfacher gesagt als getan... habe das probiert, aber hab da einige arrays, die ich benutze und auch ein paar while-schleifen in einander ... und es muss doch mit css möglich sein, ne grafik zu positionieren... ich habe nur leider keine ahnung von css und hab auch shcon bei selfhtml und google gesucht, nur nix passendes gefunden.... :/

DiBo33 · 18.08.2005, 18:46

<img ... style="position:absolute;top:nnpx;left:nnpx;">

statt nn natürlich die jeweiligen Werte angeben.

neodrei · 18.08.2005, 18:49

ja dann richte ich das an der linken oberen ecke vom bildschirm aus.... ich möchte das aber an der linken oberen ecke des feldes, in dem die grafik ist, ausrichten...

zur erläuterung: ich habe eine while-schleife, welche mir zeilen (<tr>s) der tabelle ausgibt... in dieser schleife ist wiederum eine while-schleife, welche mir die <td>s generiert. nun soll eine grafik über 3 zeilen und 4 spalten gehen, aber nur an der ersten generierten zelle ausgerichtet werden.
des weiteren sind angaben mit position:absolut nen bissl doof, weil ich ne seite habe, welche zentriert ist, sprich bei 1024*768 passts viell, bei 1280*1024 jedoch nicht mehr.....

DiBo33 · 18.08.2005, 18:54

Dann zerhack die Grafik.

neodrei · 18.08.2005, 19:04

hm ich habe - wenn ich se nich zerhacke - ca. 20 grafiken. bzw 20 * 2, weils jede grafik in horizontal und vertikal gibt. damit das passt, müsste im schnitt jede grafik in 20 teile zerhackt werden .... ergo 800 kleine grafiken ... und jede "große" grafik kann mehrmals vorkommen...
hatte das erst so, aber nach dem "zerhacken" der 2ten grafik hatte ich keine lust mehr...
das kann doch nich sein, dass es da keine möglichkeit gibt, das mit position und z-index - und was weiß ich nicht allem - hinzubekommen...

DiBo33 · 18.08.2005, 19:17

Ist aber von Browser zu Browser unterschiedlich.

Code:

<table border=1>
<tr>
<td valign="top"><div style="position:absolute;z-index:10;">[img]dibo33.jpg[/img]</div></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

Wobei die Anpassung der Schleifen immer noch das beste Mittel ist.

neodrei · 18.08.2005, 19:26

puuhhh... genau das habe ich gebraucht. vielen vielen dank... [werde mich demnächst wohl mal nen bissl mit css beschäftigen... (müssen)

]

*edit*
@admin: close plz

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HTML/CSS: Gitternetz-Tabelle, selektierte Zellen	Zergling-new	Tutorials	0	06.07.2007 19:53
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife?	sovereign	Datenbanken	13	17.04.2006 20:34
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
[Erledigt] Problem mit Anzeige einer Tabelle mit dem Firefox?		HTML, Usability und Barrierefreiheit	8	28.11.2005 15:08
Tabelle aktualisieren		Datenbanken	3	23.11.2005 09:54
Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert		Datenbanken	2	08.09.2005 11:59
tabelle in tabelle ohne aussenrand	noskule	HTML, Usability und Barrierefreiheit	6	25.08.2005 14:17
in zelle oben text und unten grafik am rand	janni	HTML, Usability und Barrierefreiheit	4	29.06.2005 23:35
[Erledigt] HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
[Erledigt] Tabelle in Tabelle ausrichten		HTML, Usability und Barrierefreiheit	7	03.01.2005 14:32
[Erledigt] Tabelle in Tabelle automatisch anpassen		HTML, Usability und Barrierefreiheit	3	04.11.2004 21:37
Sortieren anhand einer zweiten Tabelle		PHP Tipps 2004	6	20.09.2004 09:03
Grafik in Grafik einfügen	Filewalker	PHP Tipps 2004	3	20.06.2004 14:04
[Erledigt] HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45

18.08.2005, 18:24
neodrei Neuer Benutzer Registriert seit: 10.12.2004 Beiträge: 24	Grafik über mehrere Zellen einer Tabelle Hi, ich habe eine Tabelle, welche zB 10 mal 10 Felder groß ist. Nun möchte ich in der Zelle 2 (nach rechts) \| 2 (nach unten) ein Grafik einbinden, welche aber nicht nur in dieser einen Zelle ist, sondern auch über 2\|3 und 3\|2, 3\|3 liegt. Sprich die Grafik soll über vier feldern liegen, aber nur in einem feld eingebunden werden. mit col und rowspan geht das leider nicht, weil dann in der php-schleife alles durcheinander kommt und die tabelle hinten und vorne nicht mehr passt... mir reicht auch, wenn ich die grafik an der linken oberen zelle fixieren kann und dann ne pixel-anzahl angeben kann, über welche sich die grafik erstreckt... hauptsache man muss sie nur in einer zelle einbinden. hoffe ihr versteht das prob und könnt mir weiterhelfen. vielen dank, christian


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.08.2005, 18:27
neodrei Neuer Benutzer Registriert seit: 10.12.2004 Beiträge: 24	was cih vergessen habe: auf dem bild muss dann noch nen link sein... VIELEN DANK!

18.08.2005, 18:43
neodrei Neuer Benutzer Registriert seit: 10.12.2004 Beiträge: 24	hm danke für den tipp, aber das ist sehr viel einfacher gesagt als getan... habe das probiert, aber hab da einige arrays, die ich benutze und auch ein paar while-schleifen in einander ... und es muss doch mit css möglich sein, ne grafik zu positionieren... ich habe nur leider keine ahnung von css und hab auch shcon bei selfhtml und google gesucht, nur nix passendes gefunden.... :/

18.08.2005, 18:46
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	<img ... style="position:absolute;top:nnpx;left:nnpx;"> statt nn natürlich die jeweiligen Werte angeben.

18.08.2005, 18:49
neodrei Neuer Benutzer Registriert seit: 10.12.2004 Beiträge: 24	ja dann richte ich das an der linken oberen ecke vom bildschirm aus.... ich möchte das aber an der linken oberen ecke des feldes, in dem die grafik ist, ausrichten... zur erläuterung: ich habe eine while-schleife, welche mir zeilen (<tr>s) der tabelle ausgibt... in dieser schleife ist wiederum eine while-schleife, welche mir die <td>s generiert. nun soll eine grafik über 3 zeilen und 4 spalten gehen, aber nur an der ersten generierten zelle ausgerichtet werden. des weiteren sind angaben mit position:absolut nen bissl doof, weil ich ne seite habe, welche zentriert ist, sprich bei 1024768 passts viell, bei 12801024 jedoch nicht mehr.....

18.08.2005, 18:54
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	Dann zerhack die Grafik.

18.08.2005, 19:04
neodrei Neuer Benutzer Registriert seit: 10.12.2004 Beiträge: 24	hm ich habe - wenn ich se nich zerhacke - ca. 20 grafiken. bzw 20 * 2, weils jede grafik in horizontal und vertikal gibt. damit das passt, müsste im schnitt jede grafik in 20 teile zerhackt werden .... ergo 800 kleine grafiken ... und jede "große" grafik kann mehrmals vorkommen... hatte das erst so, aber nach dem "zerhacken" der 2ten grafik hatte ich keine lust mehr... das kann doch nich sein, dass es da keine möglichkeit gibt, das mit position und z-index - und was weiß ich nicht allem - hinzubekommen...

18.08.2005, 19:17
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	Ist aber von Browser zu Browser unterschiedlich. Code: <table border=1> <tr> <td valign="top"><div style="position:absolute;z-index:10;">[img]dibo33.jpg[/img]</div></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> Wobei die Anpassung der Schleifen immer noch das beste Mittel ist.

18.08.2005, 19:26
neodrei Neuer Benutzer Registriert seit: 10.12.2004 Beiträge: 24	puuhhh... genau das habe ich gebraucht. vielen vielen dank... [werde mich demnächst wohl mal nen bissl mit css beschäftigen... (müssen) ] edit @admin: close plz