Navigation Bar with images

[kirsiskaspars 0]

Hello!

 

I'm having a problem. I want to make a navigation bar which consist of images.

Navigation sprite is something a little bit different. It is not what I need

I have a couple of images which I want to make as a navigation list.

How can I do that? Is it possible just using CSS?

 

Thank you.

[Andrea 21]

You can just make the images links, or you can use them as background images.

<ul>
<li><a href="link1.html"><img src="image1.jpg"></a></li>
<li><a href="link2.html"><img src="image2.jpg"></a></li>
</ul>

 

However, it all you have as navigation are those images, then keep in mind that whoever cannot display/see images, has no navigation.

[benjaminmorgan 1]

And to add on to Andrea, if you put them as background images you can also put a colored background just in case.

 

a {
  background: #00FF00 url('image/urlhere');
}

That way if the image doesn't show the background color still will.

[kirsiskaspars 0]

Didn't think it was so easy.

Thank you!