Tabelle in Webseite einfügen und bearbeiten

Wolfgang-Schallow schrieb am 21.08.2019 um 14:59 Uhr

Hallo,

ich wollte, wie bei meiner bestehenden Website https://freie-webadressen.de/freie-Domains.html eine xls-Tabelle auf eine Seite einbinden, was leider nicht funktionierte. Dann habe ich von den Magix-Vorlagen eine Tabelle eingefügt. Leider habe ich da auch nicht herausgefunden, wie man bei den Tabellen Zeilen oder Spalten hinzufügt oder löschen kann. Im Handbuch und Hilfemenü habe ich nichts darüber gefunden. Dann habe ich den Inhalt der Tabellen verändert und eigenen Text eingegeben und wegen vorher benannten Problem mehrere Tabellen untereinander angefügt. So weit, so gut. Jetzt habe ich bei den Texteingaben Verlinkungen generiert, was auch so erscheint. Aber leider erzeugen diese Links im Browser keine Links. Es gibt auch keinen Mouse-Over Effekt. Woran kann das liegen? Im oberen Teil der Tabelle funktioniert die Link-Anzeige im Browser, aber ich weiß nicht mehr, wie ich das hinbekommen habe. Auch beim Markieren verhalten sich beide unterschiedlich (siehe die 2 Bilder der Tabelle). Ich verwende den Magix Web Designer Premium.

Kommentare

BeRo schrieb am 21.08.2019 um 19:28 Uhr

[...] Im Handbuch und Hilfemenü habe ich nichts darüber gefunden. [...]

Offenbar hat man bei Xara/Magix "vergessen" den Teil in die Übersetzung zu übernehmen... 😜

Im englischsprachigen Original findest Du eine (fast) vollständige Anleitung.

Die Anleitung ist leider auch unvollständig, weil hier die Angabe des Aussehens (Farbe) und die Position der angesprochenen Buttons fehlen. Aber mit ein klein bisschen Experimentierdrang ist das leicht zu kompensieren.

Probier's mal.

Viel Erfolg

P.S.
Hier der vollständige Text, den Du kopieren und drucken kannst:
---------------------------------------------------------

Table SmartShape

The Table Smartshape is a simple table which supports basic table insertion and editing, including adding, removing and resizing rows and columns, various table formatting options and automatic formatting of the table to fit contents. You can also paste data from other sources like Excel and Google spreadsheets to quickly populate a table.

Find the tables in the "Insert" menu, or in the Content catalog under "Components" > "Print & Web Components" > "Tables", where you will find a range of designs.

Table Handle Summary

Hover over the adjustment handles to see what they do. They are...

Padding
Drag to adjust the Outer padding, the Inner padding and the Cell padding

Select/Reposition
Click to select columns and rows - drag to reposition them

Add/Remove
Drag to add or remove columns or rows.

Show/Hide caption
Click to show or hide the table caption title - edit using the Text tool

Column width
Drag to adjust column widths

Row height
Drag to adjust the height of the rows

Resize
Drag to scale - Ctrl + Drag to stretch. Drag to stretch either horizontally or vertically.

Cell borders and merging cells
Select a cell, range of cells, row or column - then click on the green blob in the corner of the selection to open a cell border menu.

The first 4 controls represent the four edges of the selected cells. You can click to highlight any, or all, of them. In the above case the right edge is highlighted. If you now adjust a line value, say to select a line width of 2pt, it will apply the line to the right edge of the selected cells.

To merge adjacent cells into a single larger cell select two or more adjacent cells, and click the Merge Cell icon - the last one on the right of menu. Merged cells can be restored back to their original un-merged state, by clicking the same control again.

Note: only while the Border Control UI is visible does applying line values affect the selected edges. if you close the border control, then applying a line width, or line color, it will apply to all 4 edges of the selection.

Adding rows and columns
When you add a row, the last row of the table is duplicated to create the new row. If the table has different background colors for alternate rows, that formatting is maintained as you add more rows. Adding columns works similarly. If the table cells contain embedded objects or symbols however, then these will not be duplicated. Select rows and columns, or ranges of cells using standard Ctrl and Shift keys.

Deleting rows and columns
Drag the row or column orange select handle outwards, away from the table. At a certain distance a red cross will appear, if you now let go, the row or column will be deleted.

Table cells
Each table cell has a text column and a background shape, which determines the background color of the cell. Use the Text Tool to edit and format text within the cell, just as you would edit any other text. You can also place any other type of object in a table cell by inserting it embedded in the text. To do this select and copy the object you want to insert to the clipboard, place the text cursor in the cell and paste (Ctrl+V). Select multiple cells using Shift + select or Ctrl + select

Colors and tables
The table as a whole has a background color and that determines the default color of each table cell. But each cell can have its own background color and you can set the color of a whole row or column of cells.

If the table is not already selected, the first click on the table will select the whole table (you see all the table's handles appear). Click on a color to change or replace any of the colors used in the table. The Replace color dialog will appear allowing you to choose the color to replace.

You can also change the color of all cells in a row or column by selecting the whole row/column. With the whole table selected, click on the row or column's Select/Reposition handle. That selects all the background shapes in the row or column. You can then set the background color, or reset the background color, of all the selected cells.

Outlines
With the whole table selected, the line width control on the top bar shows the width of the cell outlines for the whole table. You can change the outline width using that control, or remove the visible outlines by selecting None.

To set the color of the outline, right-click on the Color line and choose Set line color. You can also select the line colors in the same way as cell backgrounds, by selecting the color and selecting Line color in the replace colors dialog.

Zuletzt geändert von BeRo am 21.08.2019, 19:31, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

BeRo schrieb am 21.08.2019 um 21:38 Uhr

Sorry, eine andere Frage habe ich übersehen. 😇

[...] Aber leider erzeugen diese Links im Browser keine Links. Es gibt auch keinen Mouse-Over Effekt. Woran kann das liegen? [...]

Das liegt wohl an der scheinbar überhasteten, unprofessionellen Methode, mit der Xara/Magix das neue Widget "auf den Markt geworfen" hat, ohne die sonst im Rahmen der Freigabe üblichen Funktionskontrollen durchzuführen.
Wenn man sich den Aufbau einer Tabelle in der Seiten- & Ebenen Galerie ansieht, fällt auf, dass über allen Zellen der Tabelle je ein transparentes Rechteck liegt. Das verhindert zuverlässig, dass ein angelegter Link funktioniert. 😖


Warum die Entwickler dieses "feature" eingebaut haben, darüber darf spekuliert werden. 😋
Edit 22:31 h
Gerade gesehen, dass die Rechtecke für die Zellenrahmen zuständig sind (wenn die denn benötigt werden)...


Zwei Lösungen bieten sich an, die angelegten Links trotzdem benutzen zu können:

  1. Du kannst die Smart-Form-Gruppe auflösen und die überflüssigen Rechtecke löschen.
    (Dann können keine Zellenrahmen angelegt werden s. o.)
  2. Du kannst die Smart-Form-Gruppe unangetastet lassen und stattdessen alle Texte in den Zellen löschen, die einen Link erhalten sollen.
    Anschließend legst Du außerhalb der Tabelle für jeden Link eine neue Textzeile an, der Du den gewünschten Link verpasst und sie anschließend an die gewünschte Position der Tabelle ziehst.

Zu 1
Das ist zwar die einfachste Lösung, sie hat aber den evtl. entscheidenden Nachteil, dass dabei die Tabellenfunktion verloren geht. Inhalt und Größe etc. kannst Du zwar weiterhin anpassen, die eigentlichen Smart Eigenschaften gehen dann aber nicht mehr.

Zu2
Das ist die umständliche Variante, sie funktioniert aber ohne umständliche Eingriffe in die Smart-Form.
Nachteil: Wenn Du die Tabelle in Form und/oder Größe änderst oder Zeilen/Spalten verschiebst müssen die nachträglich angebrachten Textzeilen (Links) manuell angepasst werden.

Bis es seitens der Entwickler (vielleicht) eine Lösung gibt, kannst Du frei wählen, welchen Workaround Du benutzen willst... 🤓

Zuletzt geändert von BeRo am 21.08.2019, 22:31, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

Wolfgang-Schallow schrieb am 22.08.2019 um 20:09 Uhr

Hallo BeRo,

vielen Dank für den Tip. Einen ganzen Tag lang habe ich verzweifelt versucht, dieses Problem zu lösen. Habe nun die 2. Variante gewählt und konnte meine neue Webseite endlich, dank Deines Tipps, veröffentlichen

Gruß, Wolfgang.