Navigation Practice - Using Images

To learn how to, click "View Source" on browser's menu to see HTML/CSS codes

Menu using image    (Photoshop + CSS)

More Recipes

Background img only

Pork Dinner

Chicken Dinner

Another Recipes

Used UL/LI tag with background img


Single img rollover

Using one common picture which contains 2 states up/(over & down), we don't need to change the background image. We just change its background-position.
UL/LI tag not used.



Images used for this exercise are:

i i        i i
i i
i i
i
i
i
i i