PDA

View Full Version : Simple tree menu background problems.



edward_4576
08-06-2007, 05:51 PM
1) Script Title: Simple Tree Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

3) Describe problem: I have added this script to my webpage and all seems to be working well with the exception of one isue. When the file folder images and hyperlinks are displayed they act as if there is no right hand border. The background is white and extends across the page. I've gone into the css and modified what I thought would work. Here is what i've done:

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
border-right:hidden 1px;
background-image: wood19.jpg;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(closed.gif) no-repeat left 1px;
border-right:hidden 1px;
background-image: wood19.jpg;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

I've removed the background color and tried to add the background image but to no avail. I'm using IE 7.0. Any Ideas.

Ed