# ArtikelDetails - Tabellen mit TinyMCE?
**URL:** https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064
**Category:** Shopware 3.5
**Tags:** administration
**Created:** [15. Dezember 2010 um 11:36 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064 "2010-12-15T11:36:53Z")
**Posts on this page:** 13
**Page:** 2
### Author:  [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)
#### Post date: [16. Dezember 2010 um 09:01 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/21 "2010-12-16T09:01:27Z")
Wieso table.test? Das Element ist vom Typ “table” - diese Deklaration muss also nicht zusätzlich als class übergeben werden - demnach wäre die korrekte Angabe class=“test”
---
### Author:  [@Alpine\_Swift](https://forum.shopware.com/u/Alpine_Swift)
#### Post date: [16. Dezember 2010 um 09:13 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/22 "2010-12-16T09:13:43Z")
Stefan, alter Schwede! Warum nicht gleich so … 😛 Also, so funktioniert das auch: `table.mytable { display: table; }` Aber dann eben der Tabelle nicht die Klasse “table.mytable” zuweisen, sondern nur: [code]
…[/code] Danke!!! 😃 AS
---
### Author:  [@Alpine\_Swift](https://forum.shopware.com/u/Alpine_Swift)
#### Post date: [16. Dezember 2010 um 09:16 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/23 "2010-12-16T09:16:03Z")
Anschlussfrage, damit ich es auch verstehe: Wenn eine Klasse den Namen eines Elementes trägt, so wirkt sich das automatisch auf alle diese Elemente aus? Ist das generell so in CSS (wo kann man das mal ordentlich nachlesen?) oder hängt das wieder irgendwie mit smarty zusammen? CSS ist einfach noch bisserl neu für mich, sorry. :wtf: AS
---
### Author:  [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)
#### Post date: [16. Dezember 2010 um 09:22 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/24 "2010-12-16T09:22:43Z")
Nein - bei CSS spricht man erst einmal von Selektoren und nicht von Klassen. Man kann Elemente über den Typ, die ID und über Klassen-Attribute selektieren. Beispiel. Element 1:
Test
Mögliche Selektoren um das Element zu verändern p { font-weight:bold } Beeinflusst alle P-Tags #test { font-weight:bold } Beeinflusst nur das Element mit der ID „test“ p#test { font-weight:bold } Beeinflusst nur das P-Element mit der ID „test“ Beispiel 2
Test
p.test { font-weight:bold } Alle P´s mit der Klasse test p { font-weight: bold; } Alle P´s unabhängig von Klasse / ID .test { Alle Elemente mit der Klasse test, unabhängig vom Element-Typ } Suche einfach mal nach „CSS Tutorials“ bei Google 😉 Da gibt es wirklich haufenweise Dokumentationen im Web.
---
### Author:  [@Alpine\_Swift](https://forum.shopware.com/u/Alpine_Swift)
#### Post date: [16. Dezember 2010 um 09:27 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/25 "2010-12-16T09:27:02Z")
Danke für diese sehr verständliche Erläuterung … das brachte schon gehörig Licht ins Dunkel. 🙂 AS
---
### Author:  [@Alpine\_Swift](https://forum.shopware.com/u/Alpine_Swift)
#### Post date: [16. Dezember 2010 um 09:29 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/26 "2010-12-16T09:29:10Z")
Anschlussfrage: Das bedeutet aber zugleich, dass alle Änderungen an Tabellen, die ich in TinyMCE vornehme obsolet sind, richtig? Die einzige Möglichkeit, Tabellen im TinyMCE zu “gestalten” besteht darin, dort eine entsprechende Klasse zuzuweisen und diese in einem css-file zu definieren. Korrekt? AS
---
### Author:  [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)
#### Post date: [16. Dezember 2010 um 09:35 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/27 "2010-12-16T09:35:04Z")
Jein - zunächst einmal, ist es ja korrekt und wichtig, dass die Tabellen überall gleich aussehen - sonst hätte man optisch schnell Kombinationen zusammen, die den Shopbesuchern Brechreize bescheren. Also es gibt da „tolle“ Beispiele, für 20 Seiten lange Detailseiten mit roten Tabellen und blauem Text - da ist es grundsätzlich schon eine gute Idee, wenn man die Styling-Möglichkeiten auf der Detailseite beschränkt. Der richtige Weg, um hier flexibler zu werden, ist wirklich die Definition von 1 oder mehreren Standard-Tabellen-Klassen, die du dann im TinyMCE zuweist. Noch einfacher ist es, die Tabellen-Definition global für die Beschreibung zu modifizieren. [code]
… {$sArticle.description\_long|replace:"
---
### Author:  [@plotterinsel](https://forum.shopware.com/u/plotterinsel)
#### Post date: [16. Dezember 2010 um 09:39 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/28 "2010-12-16T09:39:28Z")
@AS als Online Tutorial für HTML, CSS, … kann ich [SELFHTML](http://de.selfhtml.org/) sehr empfehlen 😉
---
### Author:  [@ottscho](https://forum.shopware.com/u/ottscho)
#### Post date: [16. Dezember 2010 um 09:41 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/29 "2010-12-16T09:41:10Z")
[quote=“plotterinsel”]@AS als Online Tutorial für HTML, CSS, … kann ich [SELFHTML](http://de.selfhtml.org/) sehr empfehlen ;)[/quote] Und [css4you](http://www.css4you.de/) ist auch noch gut, finde ich zumindest.
---
### Author:  [@Alpine\_Swift](https://forum.shopware.com/u/Alpine_Swift)
#### Post date: [16. Dezember 2010 um 09:44 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/30 "2010-12-16T09:44:16Z")
Zu 1.) Genau so hatte ich das jetzt auch gemacht. Dann spare ich mir nämlich die Klick.Klick.Klick.Klassenzuweisung im TinyMCE: [code]{$sArticle.description\_long|replace:"
---
### Author:  [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)
#### Post date: [16. Dezember 2010 um 09:48 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/31 "2010-12-16T09:48:22Z")
Hast recht - Flüchtigkeitsfehler! Raute für Ids Punkte für Klassen! div#description table { … Deine Styles … } So wäre es denke ich am “korrektesten” table #description { … Deine Styles … } Nein, die Reihenfolge muss der im DOM entsprechen - bin jetzt kein CSS-Profi, aber das müsste so sein, dass du die Selektierung in der Reihenfolge machen musst, wie die Elemente im DOM definiert sind. Also das DIV description kommt ja vor den dort zugeordneten Tabellen…
---
### Author:  [@plotterinsel](https://forum.shopware.com/u/plotterinsel)
#### Post date: [16. Dezember 2010 um 09:50 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/32 "2010-12-16T09:50:15Z")
ohja… das kannte ich noch gar nicht :shock: @Stefan vielleicht wäre so eine kleine Linksammlung über externe Tuts die zum Thema passen, gar einen extra Forumsbereich wert… aber vielleicht würde das auch wieder den Rahmen dieses Forums hier sprengen … ist nur mal so eine Idee
---
### Author:  [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)
#### Post date: [16. Dezember 2010 um 09:53 UTC](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064/33 "2010-12-16T09:53:54Z")
Oder ihr schreibt einen Thread zusammen mit allen Infos und externen Quellen, die ihr so für die Ersteinrichtung benötigt habt? Dann baue ich daraus einen schönen Wiki-Artikel und die „Nachwelt“ findet das direkt an passender Stelle…
[Vorherige Seite](https://forum.shopware.com/t/artikeldetails-tabellen-mit-tinymce/1064.md?page=1)