how do i make pictures as my navbar buttons? like here is my home page button:

just make it a link.

<a href="index.html"><img src="http://img439.imageshack.us/img439/3228/homepagebutton5yp.gif" border=0 width=94 height=27></a>

Hope This Helps

Or, you could do it with CSS using the images on the links or backgrounds on the <li> depending on whether or not you want a rollover effect.

Originally Posted by LadynRed

Or, you could do it with CSS using the images on the links or backgrounds on the <li> depending on whether or not you want a rollover effect.

I've never seen anyone do an image rollover effect in CSS, I always did it in Javascript and assumed that was the best/only way. Now that I see this, I'm like... durrr!

Remeber to add a alternative to the image. Like this:

<a href="home.html"><img src="home.gif" alt="Home" /></a>

It's easy to do image rollovers with CSS, I do it all the time: http://www.answers4gis.com
Zero javascript . It's a very simple example. A more complex example is this one: http://www.dallasmedicalspecialists.com

Originally Posted by LadynRed

It's easy to do image rollovers with CSS, I do it all the time: http://www.answers4gis.com
Zero javascript . It's a very simple example. A more complex example is this one: http://www.dallasmedicalspecialists.com

whoa, that's quite slick... and since it's CSS, no worries about preloading the images. Thanks for sharing, LadynRed!

Thanks, and you're welcome

I use a rather easy method for image rollover with minimal javascript needed.

<a href="#">
  <img src="image.gif" border="0" width="xx" height="xx" alt="" onmouseover="this.src='image_over.gif';" onmouseout="this.src='image.gif';" />
</a>

if i were you i wouldnt use that button. it doesnt look very good

The point is, javascript isn't necessary