Log in

View Full Version : Problem using suckertree


Boerie
03-01-2009, 02:26 PM
Hi all,

i tried to implement the horizontal suckertree.

now this works (still trying to get some good layout)

but i got a strange problem.

When my mouse stays pointed on a menu link he shows the submenu but after 5 seconds he makes the menu very wide (screenshot)

anyone an idea how i can solve this ?

included are my css file, and my java file


in my html i put :

[CODE
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>korfbal</title>
<link href="css/website.css" rel="stylesheet" type="text/css" />
<link href="css/submenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascripts/menu.js"/>
<script type="text/javascript"></script>
<script type="text/javascript" src="javascripts/paginas.js"/>
<script type="text/javascript"></script>
</head>
<div class="menu_container">
<div class="suckertreemenu">
<ul id="treemenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</a>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
[/CODE]
bluewalrus
03-01-2009, 06:07 PM
Give this a try I don't see it expanding on mine but it might be an ie issue or something else

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>korfbal</title>
<link href="css/website.css" rel="stylesheet" type="text/css" />
<link href="css/submenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascripts/menu.js"/>
<script type="text/javascript"></script>
<script type="text/javascript" src="javascripts/paginas.js"/>
<script type="text/javascript"></script>
</head>
<div class="menu_container">

This


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>korfbal</title>
<link href="css/website.css" rel="stylesheet" type="text/css" />
<link href="css/submenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascripts/paginas.js"/></script>
<script type="text/javascript" src="javascripts/menu.js"/></script>
</head>
<body>
<div class="menu_container">


and then this

<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</a>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>

this


<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
</div>
</body>
</html>
Boerie
03-01-2009, 06:48 PM
You can find my site on http://korfbal.kbkc.be

i fixed the bug in IE6 but in IE7 he makes a weird outlining on the submenus :( (also the black rectangle is out of position :s )

Can someone tell me what i'm doiing wrong ?