hey. On my website I have a code. To see it go here (http://www.dynamicdrive.com/dynamicindex1/navigate2.htm) The problem is that I want the heading to b a graphic and not text. I dont know how u would do that! I hope someone else does! If possible could u copy the code and show me exactly what I should do and where i should put somthing.

In the second box, on where the code it says "Header 1" and "Header 2", erase them and type in the IMG SRC code

<h3 style="cursor:pointer; cursor:hand" onClick="expandit(this)">Header 1</h3>
<span style="display:none" style=&{head};>
<img src="image.gif">
</span>

Just exchange "image.gif" with the name of your image.

Those 2 replies don't work. the second one is for a picture instead of a link or somthing. I meant a picture instead of "header 1, 2" I think u may have misunderstood. Plz reply back!

mind posting a link to the page it's on?

i did post a link to the page it was on in my first post. here it is again. Go to http://www.dynamicdrive.com/dynamicindex1/navigate2.htm

I figured i might as well tell what was wrong with the first suggestion. I did what you said and it worked but then when I clikced on the picture no menu came underneath it and it disappeared! Mayb this will help with future posts

I meant the page you're working on ;)

the page is geocities.com/drop_foot/index2.html It's really bad because I just startd. I don't see how this will help u but I hope it does! please reply back. I want to get this site done ASAP!

Do you have the image uploaded on your site?

yes I have the images uploaded. I jus wanna know how u could change it from "header 1" to an image usin that code

Ooh... is this it?

<img src="IMAGE.GIF" style="cursor:pointer; cursor:hand" onClick="expandit(this)">
<span style="display:none" style=&{head};>
<br>
This is content under Header 1.
</span>

is there any way to make it so that when the menu is expanded, the space between the kinks and the original text isnt so HUGE?

It originally looks like this:
<h3 style="cursor:pointer; cursor:hand" onClick="expandit(this)">Header 2</h3>
<span style="display:none" style=&{head};>
This is content under Header 2.
</span>

Change it to
<font style="cursor:pointer; cursor:hand" onClick="expandit(this)">Header 1</font>
<span style="display:none" style=&{head};>
<br>
This is content under Header 1.
</span>

You don't have to use font tags... you can use divs, etc.

that was silly of me
thanks
i was sleepy
d=