??Linker: Block-Element Link rutscht hoch

Beitrag lesen

Schönen guten Abend,

ich erstelle hobbymäßig Webseiten und Applikationen für gemeinnützige Vereine. So auch jetzt. Allerdings habe ich ein Problem, bei dem ich keine Lösung finde: Ich habe durch Tabellen einen Kalender erstellt. In diesem Kalender sind einzelne Tage markiert und verlinkt. Hierfür habe ich die Links zu Blockelementen umgestaltet und Textdekorationen und -unterstreichung entfernt. Jetzt ist allerdings der Text hochgerutscht. Auch über line-height bekam ich keine Besserung. Ich habe das Problem mit margin und padding zwar erst beseitigen können, doch rutscht dann die Hintergrundfarbe nach unten. Ich bin jetzt seit ca. 17 Uhr mit dem Problem beschäftigt, finde aber keine Lösung. Daher möchte ich Euch dieses Rätsel nicht vorenthalten und hoffen, dass von Euch vielleicht jemand die Lösung findet.

Anbei die Dateiausschnitte:
html-Teil:

  
            <h4>Mai</h4>  
            <table class="monat">  
             <tr>  
              <td class="tag"></td>  
              <td class="tag">6</td>  
              <td class="tag">13</td>  
              <td class="tag">20</td>  
              <td class="tag">27</td>  
             </tr>  
             <tr>  
              <td class="tag"></td>  
              <td class="tag">7</td>  
              <td class="tag">14</td>  
              <td class="tag">21</td>  
              <td class="tag">28</td>  
             </tr>  
             <tr>  
              <td class="tag">1</td>  
              <td class="tag">8</td>  
              <td class="tag">15</td>  
              <td class="tag">22</td>  
              <td class="tag">29</td>  
             </tr>  
             <tr>  
              <td class="tag">2</td>  
              <td class="tag">9</td>  
              <td class="tag">16</td>  
              <td class="tag">23</td>  
              <td class="tag">30</td>  
             </tr>  
             <tr>  
              <td class="tag">3</td>  
              <td class="tag">10</td>  
              <td class="tag">17</td>  
              <td class="tag">24</td>  
              <td class="tag">31</td>  
             </tr>  
             <tr>  
              <td class="tag"><a class="samstag" href="<?PHP echo $_SERVER['REQUEST_URI'] ?>?fahrplan=samstag">4</a></td>  
              <td class="tag"><a class="samstag" href="<?PHP echo $_SERVER['REQUEST_URI'] ?>?fahrplan=samstag">11</a></td>  
              <td class="tag"><a class="samstag" href="<?PHP echo $_SERVER['REQUEST_URI'] ?>?fahrplan=samstag">18</a></td>  
              <td class="tag"><a class="samstag" href="<?PHP echo $_SERVER['REQUEST_URI'] ?>?fahrplan=samstag">25</a></td>  
              <td class="tag"></td>  
             </tr>  
             <tr>  
              <td class="tag">5</td>  
              <td class="tag"><a class="sonntag" href="<?PHP echo $_SERVER['REQUEST_URI'] ?>?fahrplan=sonntag">12</a></td>  
              <td class="tag">19</td>  
              <td class="tag"><a class="sonntag" href="<?PHP echo $_SERVER['REQUEST_URI'] ?>?fahrplan=sonntag">26</a></td>  
              <td class="tag"></td>  
             </tr>  
            </table>  
          

style.css

* {  
font-family : 'lucida grande',tahoma,verdana,arial,sans-serif;  
font-size : 11px;  
padding : 0;  
margin : 0;  
border-spacing : 0;  
line-height : normal;  
}  
td.monat {  
width : 120px;  
}  
a.samstag, a.sonntag {  
<!--padding-top : 2.5px;  
margin-bottom : -2.5px;-->  
display : block;  
color : #000000;  
background-color : #00FFFF;  
text-decoration: none;  
text-underline: none;  
}  
a.samstag {  
background-color : #00FFFF;  
}  
a.sonntag {  
background-color : #FF9900;  
}  
td.tag, td.ltag, a.samstag, a.sonntag {  
text-align : center;  
vertical-align : middle;  
width : 20px;  
height : 20px;  
}  
td.monat, td.legende {  
background-color : #999999;  
}  
td.tag, td.ltag {  
background-color : #CCCCCC;  
}

Ich möchte im Vorraus für eure Hilfe danken.
Schöne Grüße
CW

P.s: Als Lösung möchte ich nicht die Zelle färben und den Link nur als Inline-Element nutzen...