Tabellen-Objekt mit Registerkarten
Pro Tabellen-Objekt lassen sich auch mehrere Tabellen erstellen, in dem man die Registerkarten unter dem Eingabefenster nutzt.
Bei der Vorschau wie auch später auf der Webseite im Internet werden die Namen der Registerkarten oben angezeigt.
Eine Anleitung zum Tabellen-Objekt finden Sie im WebSite X5 Guide, siehe
Button-Test mit SVG-Grafik
Musterstadt - Stadthalle
Datum und Uhrzeit | Veranstaltung | Anmerkungen | Kosten |
| 18.10.2023 - 19.00 bis 20:00 Uhr | Yoga-Kurs | Eigene Matten mitbringen | 15 Euro |
| 19.10.2023 - 17:00 bis 20:00 Uhr | Theaterstück in 2 Akten | Mit Bewirtung in der Pause | Vorverkauf 15 Euro Abendkasse 18 Euro |
| 20.10.2023 - 15:00 bis 16:30 Uhr | Vortrag über Wärmepumpen | Ab 10 Teilnehmern | 15 Euro |
| 20.10.2023 - 17:00 bis 19:30 Uhr | Vortrag über Balkonkraftwerke | Ab 10 Teilnehmern | 15 Euro |
Ergänzung:
Zusätzlicher Code für die Anpassung der Tabelle an schmalere Bildschirme
Bei WebSite X5 unter "3 Sitemap", hier die Seite mit der Tabelle markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Erweitert" anklicken und hier bei ...
Benutzerdefinierte Code:Vor dem </HEAD>-Tag<style> table {word-break: break-word;} </style><script> $( document ).ready(function() { $("table").css("width", "");}); </script>
... den Code-Abschnitt eingefügen.
Weitere Möglichkeiten:
A) Alternativen für "kleine Pseudo-Tabellen":
Preise pro Person:
v--------------------- Leerzeichen
Tanzparty: 7,50
Abschlussparty: 10,00
Bälle: 20,00
Sonderveranstaltungen nach Ankündigung.
Preise pro Person:
v--------------------- Leerzeichen und Punkte
Tanzparty . . . . . . . . . 7,50
Abschlussparty . . . 10,00
Bälle . . . . . . . . . . . . 20,00
Sonderveranstaltungen nach Ankündigung.
Hierfür ist kein Code erforderlich.
B) Speisekarte mit füllenden Punkten:
Dafür gibt es einen Post in der WebSite X5 Community mit verschiedenen Codes, der Code am Ende ist responsive und damit auch für schmale Bildschirme von Smartphones geeignet, siehe
Im Beispiel ist der HTML-Code in einem HTML-Objekt eingefügt worden.
Der CSS-Code wurde bei WebSite X5 eingefügt, hierzu auf "3 Sitemap" klicken, dann die Seite mit der Tabelle markieren und oben auf "Eigenschaften" klicken, nun den Reiter "Erweitert" anklicken und hier bei "Benuzerdefinierter Code / Vor dem </HEAD>-Tag einfügen.
Beispiel:
- CREAMY MUSHROOMS $23.00
- GF - Gluten Free Bread $25.00
- DF - Dairy Free Butter, Garlic Oil + Thyme Instead of Cream $23.00
- Vegan - DF Option + No Egg $22.00
Toasted Ciabatta with Mushrooms, Poached Egg, Cream, Garlic & Toasted Pumpkin Seeds with Salsa Verde - V & NF
- BEEF CHEEK HASH $25.00
- DF - No Creme Fraiche or Substitute for Aioli. $25.00
Smashed Potatoes, Beef Cheek, Cherry Tomatoes, Spinach, Topped with a Fried Egg & Creme Fraiche - GF & NF
- AVOCADO + HALOUMI SMASH $24.00
- GF - Gluten Free Bread $26.00
- DF - Dairy Free Butter, Cherry Tomatoes Instead of Haloumi $24.00
- Vegan - DF Option + No Egg $23.00
Toasted Ciabatta, Avocado + Pea Smash, Haloumi, Poached Egg, Pesto, Snow Pea Shoots with a Balsamic Glaze - V & NF
- PASSENGERS BIG BREAKFAST $26.00
- GF - Gluten Free Bread $28.00
- DF - Dairy Free Butter $26.00
- Free Butter. Vegetarian - Swap Bacon & Sausage for Tomato & Spinach $25.00
Bacon, Sausage, Mushrooms, Smashed Potatoes & Two Eggs Your Way on Toasted Honey Linseed Bread with Tomato Relish - NF
- THREE EGG OMELETTE $23.00
- GF - Gluten Free Bread $25.00
- DF - Dairv Free Butter + Dairy Free Cheese $25.00
- Veg - Mushrooms Instead of Bacon $23.00
with Bacon, Cheese & Tomato on Toast with a Side of Greens - NF
- WARMED QUINOA SALAD $25.00
- DF - No Feta $25.00
- Vegan - Seasonal Vegetables + No Feta $25.00
Pan Seared Chicken Breast, Pumpkin, Feta, Pea, Mesclun and Toasted Seeds - GF & NF
- BEEF & BACON BURGER $26.00
- GF - Gluten Free Bun $28.00
- DF - Gluten Free Option + Dairy Free Cheese $28.00
120gm Beef Pattie with Bacon, Cheese, Pickles, Slaw Our Special Burger Sauce. Served with Triple Cooked Chips & Tomato Sauce - NF