Bara de meniu HTML dupa imagini din PhotoShop

[kidupk]

Salutari
Nu demult am invatat oleaca de css. Am facut in photoshop o bara de meniu acuma as dori sa imi ziceti cum sa o pot face activa in html si css. Adica sa pun linkurile la butoane etc.

As dori un raspuns cat mai urgent va rog.

Uite aici un tutorial despre Creare Meniu Dublu cu CSS .
Daca in loc de text vrei o imagine la link, se adauga textul intr-un tag <span> in link, apoi in CSS se defineste o imagine pt acel link, se ascunde tag-ul <span>, se defineste alta imagine pt link la "hover" (cand cursorul mouse-ului e pe link).
Uite un exemplu pe care-l poti dezvolta. Unde nu stii, mai vezi si prin Cursul CSS de pe site, sau cautare pe net.

Cod: Selectaţi tot

<style>
/* Imagine pt. "linkcw" */
#linkcw {
 background: url('image_linkcw.jpg') 0 0 no-repeat;
}

/* Ascunde textul din "linkcw" */
#linkcw span {
 visibility: hidden;
}

/* Arata alta imagine la hover pe "linkcw" */
#linkcw:hover {
 background: url('linkcw_hover.jpg') 0 0 no-repeat;
}
</style>

<a href="http://www.coursesweb.net/" title="Cursuri Programare Web" id="linkcw"><span>Cursuri Programare Web</span></a>

- Tutoriale, mai multe explicatii si exemple poti gasi pe internet daca dai cautare: create menu css html .

Vreau sa iti multumesc foarte mult ca mai ajutat. Ma chinui de foarte mult timp cu bara de meniu.