Welcome to WebmasterWorld Guest from 54.163.49.19

Forum Moderators: open

Message Too Old, No Replies

"Down image" problem with Dreamweaver Navigation Bar tool

     
1:11 pm on Jul 22, 2009 (gmt 0)

New User

5+ Year Member

joined:Oct 29, 2008
posts: 35
votes: 0


How do I get the buttons/tabs in the top nav bar to stay in the down position when a visitor is on that particular page?

I'm using Dreamweaver, the Navigation Bar tool, and I've inputted the "Down image", which happens to be the same image as the "Over image". But even with the input in the "Down image" field, it doesnt seem to stay down when on that particular page. Any ideas?

Thanks in advance!

[edited by: incrediBILL at 1:14 pm (utc) on July 22, 2009]
[edit reason] removed link [/edit]

1:23 am on July 23, 2009 (gmt 0)

Administrator from JP 

WebmasterWorld Administrator bill is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 12, 2000
posts:14487
votes: 49


Set an ID or Class on the body of the page and then set the condition in your CSS.
i.e.:
Home Page = #home
About Page = #about
Then style the button accordingly.
1:42 pm on July 23, 2009 (gmt 0)

New User

5+ Year Member

joined:Oct 29, 2008
posts: 35
votes: 0


thanks but you kind of lost me here.

i built the buttons in fireworks, so they're images. they're not css creations. then in dreamweaver, i used the "Navigation Bar" wizard tool to create the nav bar. And in the nav wizard, it ask for an "Up", "Over" and "Down" image. My "over" and "down" image is the same. It's the button with black font instead of white. in the Dreamweaver help file, it says that the "Down" image is "the image to display after the user has clicked the element."

So what am i missing? thanks!

<div id="top_nav"><img src="pics/left_logo.jpg" border="0"><a href="index1.htm" target="_top" onClick="MM_nbGroup('down','group1','home','pics/home_down.jpg',1)" onMouseOver="MM_nbGroup('over','home','pics/home_down.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="pics/home.jpg" alt="" name="home" border="0" onload=""></a><a href="services.htm" target="_top" onClick="MM_nbGroup('down','group1','services','pics/services_down.jpg',1)" onMouseOver="MM_nbGroup('over','services','pics/services_down.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="services" src="pics/services.jpg" border="0" alt="" onLoad=""></a><a href="clients.htm" target="_top" onClick="MM_nbGroup('down','group1','clients','pics/clients_down.jpg',1)" onMouseOver="MM_nbGroup('over','clients','pics/clients_down.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="clients" src="pics/clients.jpg" border="0" alt="" onLoad=""></a><a href="about.htm" target="_top" onClick="MM_nbGroup('down','group1','about','pics/about_down.jpg',1)" onMouseOver="MM_nbGroup('over','about','pics/about_down.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="about" src="pics/about.jpg" border="0" alt="" onLoad=""></a><a href="news.htm" target="_top" onClick="MM_nbGroup('down','group1','news','pics/news_down.jpg',1)" onMouseOver="MM_nbGroup('over','news','pics/news_down.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="news" src="pics/news.jpg" border="0" alt="" onLoad=""></a><a href="contact.htm" target="_top" onClick="MM_nbGroup('down','group1','contact','pics/contact_down.jpg',1)" onMouseOver="MM_nbGroup('over','contact','pics/contact_down.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="contact" src="pics/contact.jpg" border="0" alt="" onLoad=""></a>
</div>

7:54 am on July 24, 2009 (gmt 0)

Administrator from JP 

WebmasterWorld Administrator bill is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 12, 2000
posts:14487
votes: 49


I'm not a Dreamweaver user, but that just looks like a JavaScript mouseover script. The code you posted above is controlled by that script.

You could still use CSS the way I described to do this, but it sounds like you want to handle this via the WYSIWYG...I can't help you there unfortunately.

2:13 pm on July 27, 2009 (gmt 0)

New User

5+ Year Member

joined:Oct 29, 2008
posts: 35
votes: 0


i'm not sure what WYSIWYG is?

can anyone else provide some insight into this problem? thanks in advance!

8:57 am on July 28, 2009 (gmt 0)

Administrator from JP 

WebmasterWorld Administrator bill is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 12, 2000
posts:14487
votes: 49


i'm not sure what WYSIWYG is?

It's an acroynm for "What You See Is What You Get". Dreamweaver is part WYSIWYG and part code editor.

i built the buttons in fireworks, so they're images. they're not css creations.

You can control the display of images with CSS.