Killersites Community: Navigation Bar with images - Killersites Community

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Navigation Bar with images Navigation Bar with images

#1 User is offline   kirsiskaspars 

  • PipPip
  • View blog
  • Group: Member
  • Posts: 18
  • Joined: 31-January 12

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 User is offline   Andrea 

  • View blog
  • View gallery
  • Group: Moderators
  • Posts: 5,498
  • Joined: 19-December 08
  • 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 User is offline   benjaminmorgan 

  • PipPipPipPip
  • View blog
  • Group: Member
  • Posts: 237
  • Joined: 18-September 11

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

#4 User is offline   kirsiskaspars 

  • PipPip
  • View blog
  • Group: Member
  • Posts: 18
  • Joined: 31-January 12

Posted 31 January 2012 - 02:51 PM

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

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users