[HaBo]

RedEagle · 18.02.09, 20:27

Hi
Ich habe mir ein MediaWiki installiert, und nun möchte ich den Style der Tabellen anpassen. Das möchte ich gerne per CSS machen, damit man, wie in anderen wikis schon oft gesehen, einfach per "class="wikitable" die Tabelle ansehlich machen kann. Leider funktioniert das bei mir nicht.

meine Beispieltabelle:

Code:

{| class="wikitable"
!Headline1
!Headline2
|-
| Test1 || Test2
|-
| Test3 || Test4
|}

Mein Beispiel-CSS-Code (in main.css)

Code:

 table.wikitable {
         border: 1px solid #000000;
         border-collapse: collapse;
 }
 tr.wikitable {
         border: 1px solid #000000;
 }

Das Problem: für <table> wird die Klasse "wikitable" verwendet, für <tr> aber nicht, Ich müsste also für jede Zeile, und später auch Spalte "class="wikitable"" hinzufügen.
In diesem Fall wird also die Tabelle umrandet, aber die einzelnen Zellen haben keinen Rahmen.
Wie muss ich meinen CSS-Code schreiben, damit ein class= ausreicht?

Eydeet · 18.02.09, 21:15

Du könntest statt "tr.wikitable" "table.wikitable tr" benutzen

HaBo Ads

RedEagle · 19.02.09, 12:26

Scheint leider nicht so gut zu funktionieren. Neben der als wikitable bezeichneten Tabelle wirken sich die Einstellungen auch auf andere Tabellen aus

Code:

1555 table.wikitable, tr, td {

schreibe ich stattdessen

Code:

1555 table.wikitable, tr.wikitable,td.wikitable {
1556         border: 1px solid #000000;
1557         border-collapse: collapse;
1558         empty-cells: show;
1559 }

besteht wieder das alte Problem, dass ich für jede Zelle den Klassennamen angeben muss

---
So schnell kanns gehen

Problem gelöst (hoffentlich):

Code:

1555 table.wikitable{
1556         border: 1px solid #000000;
1557         border-collapse: collapse;
1558         empty-cells: show;
1559 }                    
1560 table.wikitable * td {
1561 border: 1px solid #ff0000;
1562 }

metax. · 19.02.09, 22:11

Wie Eydeet schon geschrieben hat, kannst du mit "table.meineklasse td" alle td-Elemente ansprechen, die in einer Tabelle der Klasse "meineklasse" liegen. Wenn du ein Komma dazwischen setzt, verändert dass die Semantik vollkommen. Mit "table.meineklasse, td" sprichst du die Tabellen der Klasse "meineklasse" und _alle_ td-Elemente an. Das ist ja nicht das, was du willst.
Edit: Du hast die Lösung ja anscheinend schon gefunden. Das Sternchen dazwischen kannst du dir übrigens sparen ...

mfg, metax.

Empfehlung

18.02.09, 20:27	#1 (permalink)
RedEagle Registriert seit: 06.05.04 Likes: 0	mediawiki tabellen per css anpassen Hi Ich habe mir ein MediaWiki installiert, und nun möchte ich den Style der Tabellen anpassen. Das möchte ich gerne per CSS machen, damit man, wie in anderen wikis schon oft gesehen, einfach per "class="wikitable" die Tabelle ansehlich machen kann. Leider funktioniert das bei mir nicht. meine Beispieltabelle: Code: {\| class="wikitable" !Headline1 !Headline2 \|- \| Test1 \|\| Test2 \|- \| Test3 \|\| Test4 \|} Mein Beispiel-CSS-Code (in main.css) Code: table.wikitable { border: 1px solid #000000; border-collapse: collapse; } tr.wikitable { border: 1px solid #000000; } Das Problem: für <table> wird die Klasse "wikitable" verwendet, für <tr> aber nicht, Ich müsste also für jede Zeile, und später auch Spalte "class="wikitable"" hinzufügen. In diesem Fall wird also die Tabelle umrandet, aber die einzelnen Zellen haben keinen Rahmen. Wie muss ich meinen CSS-Code schreiben, damit ein class= ausreicht?

19.02.09, 12:26	#3 (permalink)
RedEagle Themenstarter Registriert seit: 06.05.04 Likes: 0	Scheint leider nicht so gut zu funktionieren. Neben der als wikitable bezeichneten Tabelle wirken sich die Einstellungen auch auf andere Tabellen aus Code: 1555 table.wikitable, tr, td { schreibe ich stattdessen Code: 1555 table.wikitable, tr.wikitable,td.wikitable { 1556 border: 1px solid #000000; 1557 border-collapse: collapse; 1558 empty-cells: show; 1559 } besteht wieder das alte Problem, dass ich für jede Zelle den Klassennamen angeben muss --- So schnell kanns gehen Problem gelöst (hoffentlich): Code: 1555 table.wikitable{ 1556 border: 1px solid #000000; 1557 border-collapse: collapse; 1558 empty-cells: show; 1559 } 1560 table.wikitable * td { 1561 border: 1px solid #ff0000; 1562 }

19.02.09, 22:11	#4 (permalink)
metax. Registriert seit: 22.01.07 Likes: 10	Wie Eydeet schon geschrieben hat, kannst du mit "table.meineklasse td" alle td-Elemente ansprechen, die in einer Tabelle der Klasse "meineklasse" liegen. Wenn du ein Komma dazwischen setzt, verändert dass die Semantik vollkommen. Mit "table.meineklasse, td" sprichst du die Tabellen der Klasse "meineklasse" und _alle_ td-Elemente an. Das ist ja nicht das, was du willst. Edit: Du hast die Lösung ja anscheinend schon gefunden. Das Sternchen dazwischen kannst du dir übrigens sparen ... mfg, metax. __________________ Wenn keiner zuschaut, teile ich heimlich durch Null! Meine Homepage: Planet Metax \| meine Bilder: DeviantArt \| Twitter

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
MediaWiki - Admin hinzufügen?	D-X	Off topic-Zone	2	14.01.08 23:10
Mediawiki modifizieren	maedmexx	(Web-) Design und webbasierte Sprachen	1	26.09.07 15:30
MediaWiki - Seitentitel	Easyrider	Applikationen	3	25.07.07 16:21
Userprofil anpassen	weau	Linux/UNIX	3	11.03.07 21:49
Tabellen an Seitengrößen anpassen	-Tux-	(Web-) Design und webbasierte Sprachen	1	08.12.05 21:30

18.02.09, 21:15	#2 (permalink)
Eydeet Registriert seit: 14.04.06 Likes: 4	Du könntest statt "tr.wikitable" "table.wikitable tr" benutzen


HaBo Ads HaBOT

[HaBo]

mediawiki tabellen per css anpassen