problem mit hover Effekt

[XnewcomerX]

Halli Hallo, ich habe eine HP, Link hier: Welt der Berufe


So, ich habe bisher nur header, und subcontent eingefügt.


Ich habe ein kleines Dreieck, das ich also pfeil.png im Bilderbverzeichnis abgespeichert habe aufm FTP-Server.

so, nun will ich , das wenn man mit der maus über z.B. den Button Technische Berufe geht , dieser Pfeil( das dreieck) unter dem Butten erscheint, und bei den anderen buttons auch...

Hier ein Bild bevor man über teschnische berufe geht( is noch auf Home) :

und nun ein bild, wo die maus auf dem button ist:

So sollte das aussehen


wie geht das? ich weiss das es mit Hover geht, aber kA wie xD

 

[alogheo]

Dieses Tutorial über die Pseudo-Klassen sollte dir weiterhelfen: CSS Tutorial - Pseudo Class & Mouseover

 

[XnewcomerX]

ok danke, aber was ist wenn ich das spezifisch für IDs bezogen auf Div-tags machen will, muss ich dann schreiben "div#BeispielID:hover" ???

 

[teeny]

Du hast Dein Menu aus einzelnen div Elementen erstellt, ueblicherweise wird ein Menue mit Listen erstellt.

Dies zeigt dieses Tutorial (wie Du ein Hintergrundbild beim Hovern anzeigst, wird auch abgedeckt): CSS Navigation mit Liste

 

[XnewcomerX]

hmm das Tut hilft mir nicht wirklich weiter, da ich nur will, wenn man mit der maus drüber geht, das da unten noch der pfiel angezeigt wird.

 

[alogheo]

Du sprichst das Elemen normal an und setzt dann halt noch ein :hover dahinter

element:hover
{
  background: url(Pfeil.png);
}

 

[XnewcomerX]

klingt logisch xD aber muss ich "element" durch ichwas ersetzten ? oder wo muss ich das rein schreiben?

 

[NE4Y]

so wie du halt deine navi genannt hast

 

[XnewcomerX]

also die ID heisst "home"


also muss ich im css script jetzt folgendes angeben:


#home:hover {
background-image: url(Test/pfeil.png)
background-repeat: no-repeat;
}




oder wie?

 

[NE4Y]

jo ....... 10 zeichen bla bla

 

[alogheo]

#home:hover {
background-image: url(Test/pfeil.png)
background-repeat: no-repeat;
}

Semikolon vergessen