0176 meny hover

I menyer markeras ofta det alternativ som man för muspekaren över. Detta kan lösas med hover.

I menyn ovan markeras även vilken sida vi befinner oss på för tillfället. Detta kan till exempel lösas med att man sätter en klass på det html-element som är valt.

Lösningar på ovanstående problem visas i ett exempel på JSFiddle. Studera detta.

Implementera sedan detta i menyuppgifterna 0171, 0172 och 0173. Välj själv hur du vill att länkarna ska se ut då man för muspekaren över dem samt hur den valda länken ser ut. Alltså länken för den sida som besöks för tillfället.

När du är klar laddar du upp till webbhotellet. Se till att HTML- och CSS-koden validerar.