Mouseover?

[grunge_e_nut]

Hi,
ich hab zwei fragen zum thema mouseover.
ich bastel zur zeit an meiner homepage und hab mich bei den links auf einfache schriftzug hyperlinks beschränkt. Diese sind schwarz. ich wüsste gerne was ich machen muss, damit sie weiss werden, sobald man mit der maus drüber geht.

das zweite ist wohl etwas schwieriger. Ich habe zum Beispiel eine bildergalerie mit verschiedenen html seiten auf denen die bilder zu sehen sind. ich wollte gerne einen link "bilder" machen und wenn mann dann mit der maus auf diesen link geht, sollen sich automatisch die einzelnen kategorien (zb. bilder von silvester, bilder geburtstag, etc) nach oben auffächern. diese schriftzüge sollen dann die eigentlich links sein die zu der html seite führen.

ich hab sowas auch zB im internet gefunden: auf dieser komischen hotornot.de seite kann man das auch sehen, wenn man auf "hotlist" klickt. kann man sowas mit html programmieren?

 

[Artemis]

1. http://www.html.de/ftopic3998.html
2. mit html kann man nicht programmieren. dafür brauchst du javascript

 

[Gelöschtes Mitglied 2703]

zu 2.: mit javascript kann man genauso wenig programmieren wie mit HTML - es ist eine Scriptsprache :!:

um links weiss werden zu lassen brauchst du css - such nach der pseudo klasse :hover

auf dieser "hotornot" seite seh ich kein ausklapp menu.

 

[Frank]

schön das hier mal was zum thema auftaucht. auf der Seite von selfhtml http://www.self.html.de/javascript/beispiele/buttons.htm wird erklärt, wie man buttons beim mouseover durch andere ersetzt. geht es auch, dass sich das bild ändert, wenn der link der ausgewählte ist z.B. in einer navi? ich weiß mit css gibt es a:active oder so, aber das funktioniert bei mir nich... :?:

 

[Steltie]

hä?
ist doch scheiß egal wo der link ist
warum zum teufel benutzt du eigentlich www.self.html.de?

 

[WEBI]

Wenn ich das jetzt richtig verstanden hab, möchtest du wenn man über einen Link geht, das sich dann die Farbe von schwarz auf weiß wechselt.

Ich würd´s mit CSS lösen, und zwar so:

<style type="text/css">
<!--
A {text-decoration: none;}
A:hover {color:white;}
-->
</style>

Sollte funktionieren....

Gruß

WEBI

 

[Gelöschtes Mitglied 2703]

damit es keine warnung vom css validator prasselt solltest du

color:white;background-color:inherit

schreiben - (dieser validator geht mir machmal ziehmlich aufn sack )