hover funktioniert nicht, unerklärlich :(

Status
Nicht offen für weitere Antworten.
Precifix

Precifix

Mitglied
Hi,

ich bin am verzweifeln, die Eigenschaften die ich im CSS Code festgelegt habe sollten eigentlich funktionieren, die der pseudoklasse link funktionieren ohne jeglliche Probleme, aber der hover funktioniert nicht, im HTML Code habe ich die einzelnen tabledatas mit der class down verbunden. Kann mri jemand sagen woran das liegen könnte? Danke

Code: 
table.menu TD.down a:link {
  TEXT-DECORATION: none;
  DISPLAY: block; 
  WIDTH: 200;
  height: 30; 
  FONT-FAMILY: verdana, arial, helvetica;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #595973;

}

table.menu TD.down a:visited {
  TEXT-DECORATION: none;
  DISPLAY: block; 
  WIDTH: 200;
  height: 30; 
  FONT-FAMILY: verdana, arial, helvetica;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
  COLOR: #DC0000;
  BACKGROUND-COLOR: #DCDCDC;

}

table.menu TD.down a:hover {
  TEXT-DECORATION: none;
  DISPLAY: block; 
  WIDTH: 200;
  height: 30; 
  FONT-FAMILY: verdana, arial, helvetica;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
  COLOR: #DC0000;
  BACKGROUND-COLOR: #DCDCDC;

}

Html Code

Code: 
<tr>
    <td width="640" rowspan="10">&nbsp;</td>
    <td width="1" rowspan="9" background="spacepx.gif" bgcolor="#FFFFFF"></td>
    <td width="181" height="30" class="down"><a href="page.html">EXKLUSIVIT&Auml;T</a></td>
    <td width="1" rowspan="9" background="spacepx.gif" bgcolor="#FFFFFF"></td>
    <td width="186" rowspan="10">&nbsp;</td>
  </tr>
  <tr>
    <td height="1" background="spacepx.gif" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td height="30" class="down"><a href="page.html">PORTFOLIO</a></td>
  </tr>
  <tr>
    <td height="1" background="spacepx.gif" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td height="30" class="down"><a href="page.html">EVENTSOFTWARE</a></td>
  </tr>
  <tr>
    <td height="1" background="spacepx.gif" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td height="30" class="down"><a href="page.html">ERFAHRUNG</a></td>
  </tr>
  <tr>
    <td height="1" background="spacepx.gif" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td height="30" class="down"><a href="page.html">KONTAKT</a></td>
  </tr>
  <tr>
 
Hast du schon bemerkt, dass die Eigenschaften der beiden letzten Selektoren identisch sind?
 
Wenn Du das "table.menu TD" in allen 3 CSS Definitionen weglässt, dann sollte es klappen, ...

redlama
 
Danke für die schnelle Hilfe,

huch ja das das doppelt war hab ich total übersehen.
Habe table.menu TD mal weggenommen, funktioniert alles wunderbar, aber der hover funktioniert nur wenn ich direkt über den Text gehe und nicht über die ganze Tabelle, wie realisiere ich das?
 
Also wenn ich mit der Mouse über die Zelle fahre, dann ändert sich der Link.
Ich muss also nicht erst über den Text fahren, ...
Geht sowohl mit dem IE als auch mit Firefox.
Ich kann also Dein Problem nicht nachvolziehen, ...

redlama
 
in Firefox gehts, stimmt. Danke
Ein letzten punkt noch :) dann geb ich Ruh.

Die Breite des Hovers, bzw der Hintergrundänderung etc, ist an die Tabellenzelle angepasst, aber die Höhe, ist nur so hoch wie die Schrift des links ist :/
 
Auch das ist bei mir 30 Pixel hoch und nicht 12, wie die Höhe.
Ich sehe den Linktext in einer 200 Pixel breiten und 30 Pixel hohen Zelle, wobei der Text oben mittig angeordnet ist, ...
Aber nimm doch mal im CSS Teil hinter width und height "px" hinter der Zahl rein, das hilft Dir wahrscheinlich weiter, ...

redlama
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück