How to make a image navigation
Always wand to know how to make a navigation with images?
I will tell you how I made my top navigation in the layout I have know
Hope you learn something from this tutorial
Ofcours you can change and leave out things to suit your needs
Feel free to share your tips so we can help each other
Step 1
First I made the images I wand to replace my text link
After that I made a DIV named TOPNAV
and in that a LIST
the first ID TOPNAV will function as a wrapper to keep it all inside
and to place it where you wand
look at my CSS
Step 2
Know we look at this piece of code 
I have given the normal 
an id so we can ad one image to this link
Now were getting somewhere
Were going back to the CSS
Step 3
Repeat step 2 for all the links you have
That’s it
If you have questions feel free to comment on this post
January 7th, 2008 at 7:03 pm
This is an OK way to get an image navigation, but it requires the browser to load separate images, which means that when you hover over the link, the picture disappears for a second while the browser loads the hover picture.
This is especially annoying if you’re running on a slow computer, because it can take a long time to see the hover effect.
A better way would be to use sprites. That is, make the image have 2 images, the regular and the hover, and set the image as a specified background, cutting out the height or width of the hover image. Then, just use CSS to move the background (background-position) so that the hover image is displayed.
It’s a little more complicated, but it doesn’t have the blank image. You can see this effect in action on enveere.org, webdesignerwall.com, and others. There’s a tutorial on webdesigerwall.com on how to design and code this type of menu.
January 9th, 2008 at 1:12 pm
Thank you for the comment
I will look for more info on the links you gave me
greetings danielle
February 2nd, 2008 at 11:19 am
Great jobs, keep be an artist…. give your spirit to make this world more colorful by the beautifulness. Wish i know u better.
March 26th, 2008 at 6:25 pm
I was going to suggest the sprits, but looks like Danielle already suggested it. I use it on my site as well!