Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Menu Writer › Disappearing list background

Disappearing list background

Thread began 9/24/2009 4:26 pm by paul389676 | Last modified 9/25/2009 7:02 pm by paul389676 | 4395 views | 5 replies |

9/24/2009 4:26 pm | #1 paul389676

Disappearing list background

I have a task to add menus to a number of existing dreamweaver templates and purchased menu writer to do this. However, I find that the menus do not work in IE and dreamweaver suggest the DISAPPEARING LIST BACKGROUND bug.

index.cfm?event=findByTextId&productid=1&textid=DISAPPEARING_LIST_BACKGROUND

Will menu writer not work for me or is there a solution?

thx
PS I subscribed to the monthly ongoing $19.99 program

-paul

9/25/2009 9:02 am | #2 Jason ByrnesWebAssist

There are a few things that may cause this, to start with though:

Make sure you set a width and a height on the menu items. IE 6 will not work correctly if you use a percentage for the width and height, or if you use auto. you need to use a pixel measurement.

If you still having a problem, send a link top your menu so we can take a look at the css and see what is wrong.

9/25/2009 11:32 am | #3 paul389676

Here's a sample.

Before adding menu writer
index2.html

After adding menu writer
index.html

Also, please note that in IE8 with google toolbar installed, adding a menu writer menu resulsts in the very bizarre "This page is in Portuguese" google translate header frame

thx

9/25/2009 4:32 pm | #4 Jason ByrnesWebAssist

In actual fact, the problem is not the Disappearing list background bug. That bug occurs can occur when the menu is placed in a div that has the position: relative attribute. You are using a table based layout however, the menu is not in a div, it is in a TD Cell.

The real problem is that the menu_ie.css file for the menu to render in IE 6 is not uploaded tho the server.

make sure to upload the entire CSSMenuWriter menu writer folder to the server.

another problem i see on your page is that is missing the doctype tag. Add the following at line 1 to improve standards compliance:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

also I see 2 charset meta tags:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

one of them should be removed.

9/25/2009 5:16 pm | #5 paul389676

Here are the files that got uploaded to the server. Which file is missing and where should I get it from?

[root@bali demo]# ls
CSSMenuWriter images index2.html index.html style.css
[root@bali demo]# cd CSS*
[root@bali CSSMenuWriter]# ls
cssmw cssmw0 cssmw1 cssmw2
[root@bali CSSMenuWriter]# ls cssmw
menu.css menu_ie.css menu.js menustyle.xml treexml.xml
[root@bali CSSMenuWriter]# ls cssmw0
menu.css menu_ie.css menu.js menustyle.xml treexml.xml
[root@bali CSSMenuWriter]# ls cssmw1
menu.css menu_ie.css menu.js menustyle.xml treexml.xml
[root@bali CSSMenuWriter]# ls cssmw2
menu.css menu.js

9/25/2009 7:02 pm | #6 paul389676

As per your suggestion, this doctype at line 1 appears to make the menu work.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>

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.