hover effekt

Kingdingeling

Hey Leute,
Ich habe folgendes Problem ich will bei meiner Navigation einen Hover Effekt einbauen

Code

<table width="100%" border="0" align="center">
  <tr> <td align="center" valign="top" bgcolor="#CCCCCC">[b]Navigation[/b]
  </td></tr>
  <tr>
<tr><td align="left" valign="top" bgcolor="#C9D9E3">  [*][url='']Home[/url]</td> </tr>
<tr><td align="left" valign="top" bgcolor="#C9D9E3">  [*][url='']Reports[/url]</td> </tr>
<tr><td align="left" valign="top" bgcolor="#C9D9E3">  [*][url='']Pictures[/url]</td> </tr>
<tr><td align="left" valign="top" bgcolor="#C9D9E3">   [*][url='']Guestbook[/url]</td> </tr>
<tr><td align="left" valign="top" bgcolor="#C9D9E3">  [*][url='']Contact[/url]</td> </tr>
 <tr>
  <td align="center" valign="top" > </td> </tr>
 <tr>
  <td align="center" valign="top" bgcolor="#CCCCCC">[b]Sponsors[/b] </td> </tr>
  <td align="center" valign="top" > </td> </tr>
  <td align="center" valign="top" > </td> </tr>
  <td align="center" valign="top" > </td> </tr>
  <td align="center" valign="top" bgcolor="#CCCCCC">[b]Visitors[/b] </td> </tr>





  </table>

Alles anzeigen

Das ist der Code für die Navi, ich würde das gerne so hinbekommen, dass wenn man zum Beispiel über den Link "Home" mit der Maus fährt, dass die ganze Tabellenzeile weiß wird! Weiß nur nicht ganz wie ich das hinbekommen soll, also kenn den Befehl bei CSS net und so...

Würde mich über eine Antwort freuen!
lg Kingdingeling

Shrek2k1

das in deine .css datei einfügen und halt

dann sollte es eigentlich funzen

Zitat

a:link {color:#FFFFFF; text-decoration:none}
a:visited {color:#FFFFFF; text-decoration:none}
a:active {color:#FFFFFF; text-decoration:none}
a:hover {color:#000000; text-decoration:none}

driver

mit den textfarben kommst da net weit wenn er den hintergrund der tabelle färben will..

zuerst würd ich mal die li rausnehmen, ohne ul und durch zellen getrennt sind die fast weng sinnlos.

anschließend kannst mal versuchen ne zelle (td) mit ner classe zu belegen.
und dieser dann die hover zuweisen - bin aber net sicher ob des klappt.

alternativ in der css a:hover { background-color:#ff0000; } (rot mal zum vergleich),
und die line-height auf die höhe der zelle anpassen...

danke euch beiden für die schnelle antwort! ich habe es jetzt mit background-color probiert! Es ist zwar nicht die ganze Zelle von der Farbe ausgefüllt, aber ich finde das Ergebnis lässt sich auch sehen ;)!
Vielen Dank nochmal,
mfg Kingdingeling!

Kingdingeling

wahh sorry Leute, wenn ich euch nochmal nerven muss^^!
stehe jetzt vor nem neuen Problem

Code

a:hover {
font-family:Arial,Verdana,Helvetica;
font-size:12pt;
font-weight:550;
text-decoration:none;
color:#FFFFFF;
background-color:#CCCCCC;




}

Alles anzeigen

dieser Code gilt ja jetzt für alle Links! Wie kann ich das machen, dass nur diese Tabelle diese Eigenschaften hat?...mit "style" habe ich es probiert, aber kann ja schlecht "sytle="a:hover:....." eingeben!

mfg Kingdingdeling

driver

gib der tabelle / den links eine class (z.b. class="menu")

und dann gibst in der css an: a.menu:hover {...}

DarkSyranus

1) Natürlich kann man style="a:hover..." eingeben, jedoch ist dies, wie du gesagt hast, nicht toll

2) Gib der Tabelle eine id (id="bla") und nimm dann
a#DIE_ID:hover {

So sollte es gehen.

*edit: Driver war schneller *gg*

Kingdingeling

vielen dank an euch beide, bis dann

Kingdingeling!

Tags