Tabelle mit Hintergrundbild 
Author: G.
Visited 83,
Followers 1,
Shared 0
Hallo liebe Community,
würde gerne in einer Tabelle ein Hintergrundbild einfügen. Den Hintergrund farblich zu ändern ist kein Problem. Danke für eure Antworten.
Gerhard
Posted on the
Das geht über den "STIL" des Objekts! Einfach das Objekt markieren und auf STIL und auf Bildhintergrund schalten und einfügen.
@Andreas: Nicht zufriedenstellend - das Bild oder die Farbe bleibt nicht in der Tabelle, wenn daneben ein größeren Objekt platziert wird oder die Tabellenbreite kleiner ist als die Bildschirmbreite.
Hier müssten Javascript- und CSS-Experten Tipps geben, auch für die responsive Darstellung.
Das Tabellenobjekt war noch nie responsive und wird es auch so schnell nicht werden. Man muss speziellen CSS Code hinzufügen damit es so halbwegs responsive ist.
Wieso sollte die Farbe nicht in der Tabelle bleiben? Man kann jede Reihe und Spalte mit einer anderen Farbe hinterlegen. Allerdings Bilder sind immer schon ein Problem gewesen, weil viele übertreiben und in das Tabellenobjekt hunderte Fotos einfügen wollen und dadurch das Tabellenobjekt überlasten oder einen Crash verursachen.
Hier mal ein Test, siehe Screenshots unten
.
----- Ränder in Standardeinstellung -----
----- ohne Ränder -----
Wie sieht der Raster aus? ICh nehme an ein Bildobjekt links und rechts ein Text-OBjekt und ein Tabellenobjekt und darunter auch ein Tabellenobjekt auf der ganze Breite! Hier geht es ja nicht um Ränder sondern um ein Hintergrundbild mit Tabellen (transparent) im Vordergrund!
Nur wenn man trickst, könnte man es einigermaßen für eine Bildschirmbreite passend machen.
Bei anderen Bildschirmbreiten würde es nicht mehr passen, siehe Screenshot (2)
Daher geht es wohl nur mit zusätzlichen CSS- und / oder Javascript-Code.
----- (1) -----
----- (2) -----
Am Einfachsten wäre hier ein Text-Objekt und bei "Stil" das Hintergrundbild einfügen.
-----
Hier 2 Text-Objekte untereinander, über "Zeilenstil" verbunden und mit Hintergrundbild versehen.
Beim 1. Text-Objekt über "Stil" einen Rand hinzugefügt. Und noch etwas mit den Rändern gespielt.
-----
Author
Danke Andreas und Daniel für eure Antworten.
Das Einfache ist es. Habe von Javascript- und CSS wenig Ahnung. Die Werbung sagt WebSite X5 ist perfekt für alle, die keine Programmierkenntnisse haben und gern visuell arbeiten, ohne sich mit kompliziertem Code auseinandersetzen zu müssen.
Gerhard