Jump to content


Photo

Navigation Bar with images


  • Please log in to reply
3 replies to this topic

#1 kirsiskaspars

kirsiskaspars

    Member

  • Member
  • PipPip
  • 18 posts

Posted 31 January 2012 - 05:59 AM

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.
  • 0

#2 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,719 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 31 January 2012 - 06:17 AM

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.
  • 0

#3 benjaminmorgan

benjaminmorgan

    Advanced Member

  • Member
  • PipPipPipPip
  • 237 posts

Posted 31 January 2012 - 08:14 AM

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.
  • 0
Things should be made as simple as possible, but not any simpler. -Albert Einstein

#4 kirsiskaspars

kirsiskaspars

    Member

  • Member
  • PipPip
  • 18 posts

Posted 31 January 2012 - 02:51 PM

Didn't think it was so easy.
Thank you!
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users