HTML programozók! Ezt hogy csináljam meg?

<style>

a{

opacity: 0.5;

}

</style>

<a onmouseover="document.getElementById(this.id).style.opacity=1;">gomb szöveg</a>

Második:

style="position:fixed"

(OFF: Ez nem programozás. :))

A lényeg:

.menuelem { background-color: egyikszín; }

.menuelem:hover { background-color: másikszín; }

A ".menuelem" szelektort nyilván kicseréled arra, ami a te kódodban van.

Ha nem villanásszerű, hanem szép lassú színváltást szeretnél, akkor a .menuelem stílusába még ilyet tegyél be:

-webkit-transition: background-color 1000ms linear;

-moz-transition: background-color 1000ms linear;

-o-transition: background-color 1000ms linear;

-ms-transition: background-color 1000ms linear;

transition: background-color 1000ms linear;

Az 1000ms az időtényező, lehet kalibrálni igény szerint. Illetve "linear" helyett lehet mondjuk "ease"-t használni, talán szebb.

ne a js-es megoldással csináld!

erre van egy sokkal szebb megoldás (ha nem értem félre, amit szeretnél..

[link]

És tessék szoktatni magunkat ahhoz, hogy a stílusokat nem HTML-ből, hanem külön CSS-ből intézzük, szóval amit az utolsó válaszoló írt, az az elegáns.

A másodikhoz meg egy

#navbar{

position:fixed;

}

Ezzel a képernyőn fixálod a "navbar" id-val ellátott elemet, ezen felül left,right,top,bottom szabályokkal beállíthatod, pontosan hol is helyezkedjen el.

#8 vagyok, amit utolsó válaszolónak írtam, azalatt igazából a #4-et értettem, csak lassan írok :D

De #7 megoldása tökéletesen összefoglalja.