homepage Welcome to WebmasterWorld Guest from 54.145.183.190
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
Forum Library, Charter, Moderator: open

WYSIWYG and Text Code Editors Forum

    
"Down image" problem with Dreamweaver Navigation Bar tool
newdude

5+ Year Member



 
Msg#: 3957810 posted 1:11 pm on Jul 22, 2009 (gmt 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]

 

bill

WebmasterWorld Administrator bill us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3957810 posted 1:23 am on Jul 23, 2009 (gmt 0)

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.

newdude

5+ Year Member



 
Msg#: 3957810 posted 1:42 pm on Jul 23, 2009 (gmt 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>

bill

WebmasterWorld Administrator bill us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3957810 posted 7:54 am on Jul 24, 2009 (gmt 0)

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.

newdude

5+ Year Member



 
Msg#: 3957810 posted 2:13 pm on Jul 27, 2009 (gmt 0)

i'm not sure what WYSIWYG is?

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

bill

WebmasterWorld Administrator bill us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3957810 posted 8:57 am on Jul 28, 2009 (gmt 0)

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved