Ankündigung

Einklappen
Keine Ankündigung bisher.

Grafik über mehrere Zellen einer Tabelle

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • 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

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

    VIELEN DANK!

    Kommentar


    • #3
      mit col und rowspan geht das leider nicht, weil dann in der php-schleife alles durcheinander kommt
      Entweder die Schleife anpassen oder die Grafik.

      Kommentar


      • #4
        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.... :/

        Kommentar


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

          statt nn natürlich die jeweiligen Werte angeben.

          Kommentar


          • #6
            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.....

            Kommentar


            • #7
              Dann zerhack die Grafik.

              Kommentar


              • #8
                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...

                Kommentar


                • #9
                  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.

                  Kommentar


                  • #10
                    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

                    Kommentar

                    Lädt...
                    X