Hilfe zu Mouse Over mit CSS

Status
Nicht offen für weitere Antworten.
S

SixxKiller

Erfahrenes Mitglied
Hi Leutz!

Da ich mich sogut wie null mit CSS auskenne brauch ich Eure Hilfe.
Hab die Suche schon verwendet aber noch nichts gefunden für mein Problem.
Ich möchte ein Mouseover Effekt für mein Menü haben.
Der Mouse Over soll mit zwei Gifs .
Wie muss ich das im html einfügen und wie muss die css datei aussehen.
Ich weiß das das mit Java funktioniert möchte aber absolut auf Java verzichten.
Danke schon mal für Eure Hilfe!

Greetz SixxKiller
 
Hi
Musst du noch anpassen:

HTML: 
<style language="CSS">
<!--
  a:link { text-decoration:none; line-height:11pt; font-size:10px; }
  a:link { color:#6F6F6F; font-weight:bold; }
  a:visited { text-decoration:none; line-height:11pt; font-size:10px;}
  a:visited { color:#6F6F6F; font-weight:bold; }
  A:hover { color:#FF9F00; line-height:11t; font-size:10px;  }
  a:hover { font-weight:bold;  text-decoration:none;}
-->
</style>

Kleiner Tipp :google: hilft ;)

Gruß Benny
 
Habs auch mit Google versucht aber halt nicht das richtige gefunden.
Bin ein in Sachen CSS.
Wie muss jetzt das aussehen für die Buttons damit die den Effekt
wiedergeben?

Greetz SixxKiller
 
Java != JavaScript,
mit JavaScript(http://www.omegagrafix.com/mouseover/mousovr1.html) wäre es eleganter, aber es geht auch mit CSS:
http://aktuell.de.selfhtml.org/artikel/css/mouseover/
Code: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <title>Rollover mit CSS - Beispiel 5</title>
 <style>
   a       { display:block;
             background-image:url(button.gif);
             width:120px; height:30px }
   a:hover { background-image:url(button_on.gif); }
 </style>
</head>
<body>
  <h1>Bild-Button mit CSS</h1>
  <p><a href="#">&nbsp;</a></p>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück