Textfarbe von TH ändern unterhalb ID=...?

Status
Nicht offen für weitere Antworten.

ManuelPeh

Grünschnabel
Hi alle miteinander :)

Ich habe ein kleines Style-Problem. Und zwar habe ich einen internen Bereich (Forum, Kalender, Planer usw.) programmiert, dem man per CSS verschiedene Designs geben kann.
Im Terminplaner sind die Datumsköpfe gleichzeitig Links, um für diesen Tag ein neues Ereignis einzutragen. Nun haben aber alle Links die gleiche Farbe wie die Datumsköpfe. Da dies auf allen anderen Seiten sehr gut aussieht, weil ansonsten kein Link in irgendeinem Tabellenkopf steht, will ich das gern beibehalten, nur die Links in den Terminplanerköpfen sollen schwarz sein. Weiss jemand, wie das geht?

Code:
<style type="text/css">
a:hover 		{
		 font-size: 10pt;
		 color: #e6bd82;
		 text-decoration: underline;
		}
a.small:hover 	{
		 font-size: 8pt;
		 color: #e6bd82; 
		 text-decoration: underline; 
		}
a,
a:link,
a:visited, 
a:active 		{
		 font-family: Tahoma,Verdana,Arial; 
		 font-size: 10pt; 
		 text-decoration: none; 
		 font-style: normal; 
		 color: #e6bd82; 
		}
a.small, 
a.small:link, 
a.small:visited, 
a.small:active 	{
		 font-family: Tahoma,Verdana,Arial; 
		 text-decoration: none; 
		 font-style: normal; 
		 font-size: 8pt; 
		 color: #e6bd82; 
		}
th		{
		 font-family:tahoma;
		 FONT-SIZE: 11px;
		 COLOR: #000000;
		 background-color:#e6bd82
		}
#war		{
		 BORDER-RIGHT: #96A0AC 1pt solid;
		 BORDER-TOP: #96A0AC 1pt solid;
		 BORDER-LEFT: #96A0AC 1pt solid;
		 BORDER-BOTTOM: #96A0AC 1pt solid; 
		 COLOR: #000000
		}
#haupt		{
		 PADDING-RIGHT: 20px;
		 PADDING-LEFT: 20px;
		 FONT-SIZE: 11px;
		 PADDING-BOTTOM: 20px;
		 PADDING-TOP: 20px 
		} 

</style>
</head>
<body>
<table width="100%">
  <tr>
    <td id="haupt" valign="top" align="middle" width="100%" height="100%">

      <!-- weiterer Quelltext für Menüs,Infozeilen usw., tut hier nichts zur Sache... -->

      <table border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
<!-- ab hier php-Routine, die den Quelltext für 14 Tage wiederholt -->
          <br><br>
            <table id="war" border="0" cellspacing="1" cellpadding="3" width="250">
              <tr>
                <th colspan="5" align="left"><a href="?open=shedule&action=add&day=13&month=05&year=2004">Donnerstag, 13.05.2004</a></th>
              </tr>
              <tr><td id="war"> <!-- Termine, falls vorhanden --> </td></tr>
            </table>
<!-- Ende php-Routine -->
          </td>
        </tr>
      </table>
      [ vorige 14 Tage ]&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;[ <a href="?open=shedule&site=1">nächste 14 Tage</a> ]
    </td>
  </tr>
</table>
Es geht um den rot gefärbten Teil im Quellcode. Ich hab's versucht mit #id th {color:#000000} im Style aber hat nix gebracht.
Vielleicht weiss hier jemand Rat.
Danke für eure Aufmerksamkeit.
 
Versuch' mal folgende Stylesheet-Definitionen:
Code:
<style type="text/css">
	a:hover {
		font-size: 10pt;
		color: #e6bd82;
		text-decoration: underline;
	}
	a.small:hover {
		font-size: 8pt;
		color: #e6bd82; 
		text-decoration: underline; 
	}
	a,
	a:link,
	a:visited, 
	a:active {
		font: bold 10pt/1em Tahoma, Verdana, Arial; 
		text-decoration: none; 
		color: #e6bd82; 
	}
	a.small, 
	a.small:link, 
	a.small:visited, 
	a.small:active {
		font: normal 8pt/1em Tahoma, Verdana, Arial; 
		text-decoration: none; 
		color: #e6bd82; 
	}
	th {
		font: normal 11px/1em Tahoma;
		color: #000;
		background-color: #e6bd82;
	}
	#war {
		border: #96A0AC 1pt solid;
		color: #000;
	}
	#war a:link,
	#war a:visited {
		color: #000;
	}
	#haupt {
		padding: 20px;
		font-size: 11px;
	}
</style>
 
Hallo,...

du musst auch das <a>-Element formatieren... das Format für das <th> overruled nicht gezwungernerassen die Formate für darin enthaltene <a>-Elemente:
Code:
table#war th a {color:#000000;}
 
Jaaa, so geht's! :)

Vielen Dank
@ Gumbo, funktioniert prima und ich hab was dazugelernt!
@ fatalus, funktioniert ebenfalls, Danke auch für das Hintergrundwissen, auch hier hab ich was lernen können!

Grüsse, Manuel
 
Status
Nicht offen für weitere Antworten.
Zurück