Ergebnis 1 bis 8 von 8

Thema: hover effekt

  1. #1
    Teeny
    Registriert seit
    21.08.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard hover effekt

    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">Navigation
      </td></tr>
      <tr>
    <tr><td align="left" valign="top" bgcolor="#C9D9E3">[*]Home</td> </tr>
    <tr><td align="left" valign="top" bgcolor="#C9D9E3">[*]Reports</td> </tr>
    <tr><td align="left" valign="top" bgcolor="#C9D9E3">[*]Pictures</td> </tr>
    <tr><td align="left" valign="top" bgcolor="#C9D9E3">[*]Guestbook</td> </tr>
    <tr><td align="left" valign="top" bgcolor="#C9D9E3">[*]Contact</td> </tr>
     <tr>
      <td align="center" valign="top" > </td> </tr>
     <tr>
      <td align="center" valign="top" bgcolor="#CCCCCC">Sponsors </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">Visitors </td> </tr>
      
    
    
      </table>
    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Youngster
    Registriert seit
    18.11.2006
    Beiträge
    18
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    das in deine .css datei einfügen und halt

    <link href="css/style.css" rel="stylesheet" type="text/css"> in die .htm datei !

    dann sollte es eigentlich funzen

    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}

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Gast

    Standard

    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!

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    21.08.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wahh sorry Leute, wenn ich euch nochmal nerven muss^^!
    stehe jetzt vor nem neuen Problem
    Code:
    a&#58;hover &#123;
    font-family&#58;Arial,Verdana,Helvetica;
    font-size&#58;12pt;
    font-weight&#58;550;
    text-decoration&#58;none;
    color&#58;#FFFFFF;
    background-color&#58;#CCCCCC;
    
    
    &#125;
    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

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

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

    und dann gibst in der css an: a.menu:hover {...}
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    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*

  8. #8
    Teeny
    Themenstarter

    Registriert seit
    21.08.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    vielen dank an euch beide, bis dann

    Kingdingeling!

Ähnliche Themen

  1. Hover-Effekt
    Von LaLinda im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2008, 15:08
  2. Grafik hover effekt
    Von minder im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 29.03.2008, 14:02
  3. CSS hover-effekt
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.09.2006, 14:48
  4. HOVER-EFFEKT BEI TEXT?
    Von finefine im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 18.10.2005, 13:59
  5. hilfe bei hover effekt
    Von sYco im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.06.2004, 20:34

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •