Simple navbar with images

[zackdezon]

So, I'm trying to make my navbar match up with the rest of my site--zackdezon.smugmug.com--and I have some small images I'd like to replace the text in my navbar.

I just want the part that says 'contact,' etc. to become a clickable image that says the same thing. I don't want different rollover images or anything. I tried replacing the text in the HTML portion with an img src tag but that caused all sorts of hell to break loose.

I don't really know anything about CSS, and my HTML knowledge is limited. With that in mind, can you guys help me?

[Allen]

So, I'm trying to make my navbar match up with the rest of my site--zackdezon.smugmug.com--and I have some small images I'd like to replace the text in my navbar.

I just want the part that says 'contact,' etc. to become a clickable image that says the same thing. I don't want different rollover images or anything. I tried replacing the text in the HTML portion with an img src tag but that caused all sorts of hell to break loose.

I don't really know anything about CSS, and my HTML knowledge is limited. With that in mind, can you guys help me?
Welcome to Dgrin :wave

Do you have a link to all the images you want to use? An image for each button perhaps?

[zackdezon]

Welcome to Dgrin :wave

Do you have a link to all the images you want to use? An image for each button perhaps?

Thanks for the welcome! Yeah, I've got links:

http://www.zackdezon.com/photos/345441742_q4yJV-O.jpg

http://www.zackdezon.com/photos/345441774_tSs7C-O.jpg

http://www.zackdezon.com/photos/345441768_YChg7-O.jpg

http://www.zackdezon.com/photos/345441763_Jw9bH-O.jpg

http://www.zackdezon.com/photos/345441750_ictth-O.jpg

Hope you can help! The width of the buttons should add up to the width of the banner.

[Allen]

Thanks for the welcome! Yeah, I've got links:

http://www.zackdezon.com/photos/345441742_q4yJV-O.jpg

http://www.zackdezon.com/photos/345441774_tSs7C-O.jpg

http://www.zackdezon.com/photos/345441768_YChg7-O.jpg

http://www.zackdezon.com/photos/345441763_Jw9bH-O.jpg

http://www.zackdezon.com/photos/345441750_ictth-O.jpg

Hope you can help! The width of the buttons should add up to the width of the banner.
Add this below your banner and above your current nav html in your header.
You can delete your current nav html after you approve of this.

<center>
<a href="/" title="My Home Page">
<img src="/photos/345441763_Jw9bH-S.jpg" border="0" /></a>
<a href="/gallery/5624833_bdFpR" title="My Galleries">
<img src="/photos/345441750_ictth-S.jpg" border="0" /></a>
<a href="/gallery/5624096_489mc" title="Shoot Information">
<img src="/photos/345441774_tSs7C-S.jpg" border="0" /></a>
<a href="/gallery/5624015_BSZ2o" title="Pricing Information">
<img src="/photos/345441768_YChg7-S.jpg" border="0" /></a>
<a href="/gallery/5624087_VXyLZ" title="Contact Information">
<img src="/photos/345441742_q4yJV-S.jpg" border="0" /></a>
</center>

[zackdezon]

Thanks, worked like a charm!

One issue, now, and I'm not sure if it's new or if it's just because I'm on a different computer--Maybe you can help either way.

The cursor seems locked in a standard pointer--it doesn't change to the bar when I hover over the text in my site. It still functions as the text selector bar, but just doesn't look like one. A minor annoyance, but one that'll bug me and any potential customers like me, I think. Any thoughts?

[Allen]

Thanks, worked like a charm!

One issue, now, and I'm not sure if it's new or if it's just because I'm on a different computer--Maybe you can help either way.

The cursor seems locked in a standard pointer--it doesn't change to the bar when I hover over the text in my site. It still functions as the text selector bar, but just doesn't look like one. A minor annoyance, but one that'll bug me and any potential customers like me, I think. Any thoughts?
Looks like a "IE" thing. Works ok in Firefox. Don't know much about IE.

[zackdezon]

Looks like a "IE" thing. Works ok in Firefox. Don't know much about IE.

Eh, that must me it. My work computer here runs IE, and I never noticed it at home.

Anyone out there know how to fix this?