Kalenderdesign ändern/Elemente ansprechen
Hallöchen,
ich beschäftige mich zwar schon länger, aber immer nur sporadisch mit CSS und Contao. Daher die wahrscheinlich etwas rudimentäre Frage: Ich habe einen Minikalender mit Eventliste (auf einer Seite in gleicher Spalte untereinander) erstellt. So. Jetzt möchte ich das Aussehen des Kalenders ändern. Der Kalender wurde (wie mit Firebug zu sehen) folgendermaßen angelegt:
HTML-Code:
<div id="cali" class="mod_calendar block">
<h1>Kalender</h1>
<table cellspacing="0" cellpadding="0" summary="Calendar" class="minicalendar">
<thead>
<tr>
<th class="head previous"><a title="Juni 2010" href="index.php?month=201006"><</a></th>
<th class="head current" colspan="5">Juli 2010</th>
<th class="head next"><a title="August 2010" href="index.php?month=201008">></a></th>
</tr>
<tr>
<th class="label">Mo</th>
<th class="label">Di</th>
<th class="label">Mi</th>
<th class="label">Do</th>
<th class="label">Fr</th>
<th class="label weekend">Sa</th>
<th class="label weekend">So</th>
</tr>
</thead>
<tbody>
<tr class="week_0 first">
<td class="days empty col_first"> </td>
<td class="days empty"> </td>
<td class="days empty"> </td>
<td class="days">1</td>
<td class="days">2</td>
<td class="days weekend">3</td>
<td class="days weekend col_last">4</td>
</tr>
<tr class="week_1">
<td class="days col_first">5</td>
<td class="days">6</td>
<td class="days">7</td>
<td class="days">8</td>
<td class="days">9</td>
<td class="days weekend">10</td>
<td class="days weekend col_last">11</td>
</tr>
<tr class="week_2">
<td class="days col_first">12</td>
<td class="days today">13</td>
<td class="days">14</td>
<td class="days">15</td>
<td class="days active"><a title="1 Event(s)" href="index.php/Home.html?day=20100716">16</a></td>
<td class="days active weekend"><a title="1 Event(s)" href="index.php/Home.html?day=20100717">17</a></td>
<td class="days active weekend col_last"><a title="1 Event(s)" href="index.php/Home.html?day=20100718">18</a></td>
</tr>
<tr class="week_3">
<td class="days active col_first"><a title="1 Event(s)" href="index.php/Home.html?day=20100719">19</a></td>
<td class="days">20</td>
<td class="days">21</td>
<td class="days">22</td>
<td class="days">23</td>
<td class="days weekend">24</td>
<td class="days weekend col_last">25</td>
</tr>
<tr class="week_4 last">
<td class="days col_first">26</td>
<td class="days">27</td>
<td class="days">28</td>
<td class="days">29</td>
<td class="days">30</td>
<td class="days weekend">31</td>
<td class="days empty weekend col_last"> </td>
</tr>
</tbody>
</table>
</div>
Jetzt möchte ich zunächst per Stylesheet, dass die Überschrift, also die h1, ein anderes Aussehen bekommt. Ich weiß nicht ob es zu heiß ist, aber ich bekomm die nicht angesprochen :-/ Wenn ich #cali als Selektor wähle und dann die Schriftfarbe etc. ändere, dann werden ALLE Elemente einschließlich der h1 in deisem Container geändert. Wenn ich h1#cali wähle gehts vermutlich nicht, weil die h1 ja keine id hat. Ich habs auch mit #cali als Selektor und eigenem Code
HTML-Code:
h1{color:#c4c4c4;}
probiert. Nüscht. Wie kann ich denn bloß nur diese h1 ändern? Die Tabellenelemente sind ja direkt über ihre Klassen ansprechbar dann..(Obwohl ich auch das noch nicht probiert habe).
Steht auf dem Schlauch und freut sich über Hilfeee:
SHo
Danke
-----------------------------------------------------------------------------------------------------------------
Ach Herrjeh. Ich bitte vielmals um Verzeihung.
40 Minuten hats gedauert, bis ich es mit als Selektor selbstverständlich geschafft habe. Es ist definitiv zu heiß :eek:
