[thelist] Expanding menu problem

[Barry F. Dowling]

Hi,
     I wondered what happened with the attachments. I'm new at all this, but
I'm trying hard.
As I said in my last e-mail, I've tried to fix the text problem in my menu
by changing the width settings but still nothing has changed.
I don't have any URL or screenshots to show so I've printed how it looks
exactly.
The web page has 2 frames. One narrow on the left for the menu and a large
frame on the right for the content.
All other text that isn't apart of the menu spreads out normally without the
need to move the frame border.
The menu text spreads out correctly on the work page ONLY when I move the
frame border, but when I view it on the browser it is shown as below.
I've included the script for it as well and the pde file.
I am using dreamweaver mx. I've also tried what was said about the icons but
with no success. You can see whatI did in the pde script.

Thanks
Barry.

Main title one.
Long title here
that doesn't fit.
            Item 1.
            Item 2.
Second long
title
            Item 1.
            Item 2.
Third long title
that doesn't fit.
            Item 1.
            Item 2.
This is normal text headings not apart of menu.
It fits the frame properly this this.


<script type="text/javascript"
src="../Global%20Assets/Script/pde.js"></script>
<link href="../Global%20Assets/Script/pde%5B1%5D.css" rel="stylesheet"
type="text/css">
<ul id="nav">
  <li><font size="4" face="Arctic">Main title one.</font></li>
  <li><font size="4" face="Arctic"><a href="#">Long title here that doesn't
fit.</a>
    </font>
    <ul>
      <li><font size="4" face="Arctic">item 1.</font></li>
      <li><font size="4" face="Arctic">Item 2.</font></li>
    </ul>
  </li>
  <li><font size="4" face="Arctic">Second long title</font>
    <ul>
      <li><font size="4" face="Arctic"><a href="#">item 1.</a></font></li>
      <li><font size="4" face="Arctic"><a href="#">item 2.</a></font></li>
    </ul>
  </li>
  <li><font size="4" face="Arctic">Third long title that doesn't fit.
</font>
    <ul>
      <li><font size="4" face="Arctic">item 1.</font></li>
      <li><font size="4" face="Arctic">item 2.</font></li>
    </ul>
  </li>
</ul>
</body>

/* main list without Javascript */
		ul#nav{
			width:0;
			margin:0;
			background:none;
			padding:.5em;
			list-style-type:none;
		}
		ul#nav ul{
			margin:0 0 0 1em;
			padding:0;
		}
		ul#nav a{
			text-decoration:none;
			color:#333;
		}

/* main list with Javascript */
		ul#nav.pde_nav{
			padding:.5em;
			list-style-type:none;
		}
		ul#nav.pde_nav ul{
			padding:0;
		}
		ul#nav.pde_nav li{
			margin:0;
			padding:0;
			height:1em;
			list-style-type:none;
		}
		html>body ul#nav.pde_nav li{
			height:auto;
		}
ul.pde_nav strong{
			width:7em;
			text-decoration:none;
			color:#333;
			display:none;
			padding:0 0 0 1em;
		}

/* Classes added to show and hide and to indicate active state */
		.pde_hide{display:none;}
		.pde_show{display:block;}
		.pde_parent{background:../Global Assets/Navigation/FOsha25.ico 0 50%
no-repeat transparent;}
		.pde_active{background:../Global Assets/Navigation/button.gif 0 50%
no-repeat transparent;}
        .pde_active li{background:../Global Assets/Navigation/button.gif 0
50% no-repeat transparent;}
        .pde_parent li{background:../Global Assets/Navigation/action.gif 0
50% no-repeat transparent;}
		ul.pde_nav a {
	width:7em;
	text-decoration:none;
	color:#333;
	display:block;
	padding:0 0 0 1em;
	white-space: normal;

 }



---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.778 / Virus Database: 525 - Release Date: 15/10/04