close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues


Graphic to separate links

Thread began 11/02/2009 8:43 am by marita28717 | Last modified 11/02/2009 11:38 pm by anonymous | 828 views | 2 replies |


Graphic to separate links

I want to add a 2px wide graphic to separate the links in my menu, and successfully did that by adding a <li> between the menu items to the menu.php file that WebAssist generated:

<ul class="level-0" id="cssmw">
<li><span><a href="">Home</a></span></li>
<li><img src="/images/menusep.gif" width="2" height="41" /></li>
<li><span><a href="">About Us</a></span></li>
<li><img src="/images/menusep.gif" width="2" height="41" /></li>
<li><span><a href="">Strategies</a></span></li>
<li><img src="/images/menusep.gif" width="2" height="41" /></li>
<li><span><a href="">Learning Center</a></span></li>
<li><img src="/images/menusep.gif" width="2" height="41" /></li>

But every time I update the menu, it obviously overwrites my manual entries. How can I either add a separator graphic, or how do I prevent my edited file from being overwritten?


Sign in to reply to this post

Jason ByrnesWebAssist

unfortunately, the Menu Writer wizard will not allow you to create a separator image, you will have to continue adding it manually after the fact. changes made after the fact will be lost when the menu is edited, there is no way to work around this behavior.

Sign in to reply to this post



Actually there is one way to do this without having to manually edit each time, but it would require you prepare the background and hover graphics for a customized menu. You could make both the background and hover menu images feature the 2 pixel wide "separator" on the far right side of the background. The way around keeping the last one from showing (since there are no more menu items after it) is real simple too. You just get the exact width of your entire menu bar - say it is 806 pixels. Since you know you don't want the last separator bar which is 2 pixels, you enclose the menu within a div that is 804 pixels wide (2 pixels less than the menu) and then set the overflow property to "hidden".



Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question





Ease of use


security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...