FORUM » TypoScript » Barrierefreiheit

Tabellen mit CSS aber nur Content

[1] [2] [Letzte »]
Autor Nachricht
Verfasst am: 06.05.2008 [12:15]
leibnitz

[Themenersteller]
dabei seit: 03.08.2005
Beiträge: 158
 Hallo

ich habe im normalen Text immer weider Tabelllen.
Möchte diese nun mittels CSS gerne formatieren.
Soweit so gut, klappt auch alles nur werden mir ja jetzt auch andere Tabellen die nicht im Contentbereich sind mitformatiert.
Kann man das irgendwie begrenzen, damit die Tabellenformatierung nicht global greift?

lg leibnitz
Verfasst am: 06.05.2008 [12:20]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15709
über 5000 Posts über 10000 Posts über 15000 Posts
#content table { border:1px solid red;}

?

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 06.05.2008 [12:21]
Kitsunet


dabei seit: 02.02.2006
Beiträge: 1583
 In dem du einen entsprechenden Selector benutzt...

Also z.B. dein Content ist in einem DIV mit id="content",

#content table{

}

definiert CSS nur für Tabellen innerhalb des DIVs. Darüber kannst du das gut einschränken. Normalerweise bekommen die Tabellen aus dem RTE auch eine Standard-Class, darüber ginge es auch.

Grüße
Christian
<TS> config.baseURL = http://www.kitsunet.de/ </TS>
Verfasst am: 06.05.2008 [12:24]
leibnitz

[Themenersteller]
dabei seit: 03.08.2005
Beiträge: 158
 steh grad irgendwie auf dem schlauch, mein CSS sieht bis jetzt so aus:

Html4strict:Zeilennummerierung:  An / Aus

  1. table, th, td {
  2.         border: 1px solid #D4E0EE;
  3.         border-collapse: collapse;
  4.         font-family: "Trebuchet MS", Arial, sans-serif;
  5.         color: #555;
  6. }
  7. caption {
  8.         font-size: 150%;
  9.         font-weight: bold;
  10.         margin: 5px;
  11. }
  12. td, th {
  13.         padding: 4px;
  14. }
  15. thead th {
  16.         text-align: center;
  17.         background: #E6EDF5;
  18.         color: #4F76A3;
  19.         font-size: 100% !important;
  20. }
  21. tbody th {
  22.         font-weight: bold;
  23. }
  24. tbody tr { background: #FCFDFE; }
  25. tbody tr.odd { background: #F7F9FC; }
  26. table a:link {
  27.         color: #718ABE;
  28.         text-decoration: none;
  29. }
  30. table a:visited {
  31.         color: #718ABE;
  32.         text-decoration: none;
  33. }
  34. table a:hover {
  35.         color: #718ABE;
  36.         text-decoration: underline !important;
  37. }
  38. tfoot th, tfoot td {
  39.         font-size: 85%;
  40. }
Verfasst am: 06.05.2008 [14:46]
Kitsunet


dabei seit: 02.02.2006
Beiträge: 1583
 und wie ist die id des DIVs um deinen Content?
<TS> config.baseURL = http://www.kitsunet.de/ </TS>
Verfasst am: 06.05.2008 [20:28]
leibnitz

[Themenersteller]
dabei seit: 03.08.2005
Beiträge: 158
 also im html template siehts so aus

<div id="content" > ###content### </div>

wenn ich allerdings alles folgender maßen anpasse funktioniert es leider nicht

Html4strict:Zeilennummerierung:  An / Aus

  1. #content table, th, td {
  2.         border: 1px solid #D4E0EE;
  3.         border-collapse: collapse;
  4.         font-family: "Trebuchet MS", Arial, sans-serif;
  5.         color: #555;
  6. }
  7. #content caption {
  8.         font-size: 150%;
  9.         font-weight: bold;
  10.         margin: 5px;
  11. }
  12. #content td, th {
  13.         padding: 4px;
  14. }
  15. #content thead th {
  16.         text-align: center;
  17.         background: #E6EDF5;
  18.         color: #4F76A3;
  19.         font-size: 100% !important;
  20. }
  21. #content tbody th {
  22.         font-weight: bold;
  23. }
  24. #content tbody tr { background: #FCFDFE; }
  25. #content tbody tr.odd { background: #F7F9FC; }
  26. #content table a:link {
  27.         color: #718ABE;
  28.         text-decoration: none;
  29. }
  30. #content table a:visited {
  31.         color: #718ABE;
  32.         text-decoration: none;
  33. }
  34. #content table a:hover {
  35.         color: #718ABE;
  36.         text-decoration: underline !important;
  37. }
  38. #content tfoot th, tfoot td {
  39.         font-size: 85%;
  40. }


genauso sollten die zeilen jeweils unterschiedliche farben haben also einmal heller und die nächste dunkler, da passt auch irgendwas noch net :-(

ich verzweifle noch.

mfg leibnitz
Verfasst am: 06.05.2008 [20:31]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15709
über 5000 Posts über 10000 Posts über 15000 Posts		 Statt
#content table, th, td {
gehörts auch
#content table, #content th, #content td {

das ist aber alles rein CSS-Wissen, mit TYPO3 hat das nichts zu tun

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 06.05.2008 [20:37]
leibnitz

[Themenersteller]
dabei seit: 03.08.2005
Beiträge: 158
 ja stimmt, da hast du recht, jetzt funktionierts auch.
sitz glaub ich schon zu lange vor der kiste :-)

leider funktioniert das noch nicht mit den unterschiedichen farben pro zeile.
dazu vllt. noch einen kurzen tipp?

dann is gut für heute, nacht drüber schlafen dann gehts wieder.

mfg
Verfasst am: 06.05.2008 [20:39]
just2b

[Moderator]
dabei seit: 04.08.2004
Beiträge: 15709
über 5000 Posts über 10000 Posts über 15000 Posts		 ohne die seite zu kennen wirds schwer. installier dir addon firebug, dann sollts schnell zu finden sein

georg
⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM!
⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid
⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐
Verfasst am: 06.05.2008 [20:50]
leibnitz

[Themenersteller]
dabei seit: 03.08.2005
Beiträge: 158
 habs jetzt mal installiert, werd mir das mal noch anschauen, kenn mich mit dem tool noch nicht aus.

kann die seite leider nicht online stellen ist nurimm intranet ferfügbar.

danke!
[1] [2] [Letzte »]



Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

  
TYPO3 Version 4.2.0 testen

TYPO3 Ver. 4.2.0 testen

Testen Sie die neue TYPO3 Version 4.2.0 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops

TYPO3 Einführungsschulung
in Berlin:
Montag, 07.07.
in Espelkamp:
Montag, 04.08.
TYPO3 Intensivschulung
in Espelkamp:
Mi., 06.08. - Fr., 08.08.
in Würzburg:
Mo., 18.08. - Mi., 20.08.
in Köln:
Mo., 01.09. - Mi., 03.09.
in Berlin:
Mi., 24.09. - Fr., 26.09.
TYPO3 Extensionschulung
in Berlin:
Mo., 14.07. - Mi., 16.07.
in Espelkamp:
Mo., 11.08. - Mi., 13.08.