spry menu perikelen

Status
Niet open voor verdere reacties.

apcmvw

Gebruiker
Lid geworden
7 feb 2012
Berichten
78
Hi,

Al enkele keren heb ik spry menu's gebruikt. Daardoor is er in de instellinge wel het een en ander gewijzigd sinds ik met de oorspronkelijke maagdelijke vorm werkte. Daardoor is er nu iets in mijn spry-horizontaal-menu geslopen dat ik niet meer kan achterhalen cq repareren. Dit menu verschijnt nu namelijk van rechts naar links ipv andersom. Hierbij een stukje bron waaraan je dit kunt zien.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Wat moet ik doen om de oorspronkelijke links rechts indeling terug te krijgen?
Bij voorbaat dank!
 
Ik vermoed dat er een {float: right} ipv een {float: left} voor de <li>'s met de menu-items is ingeslopen. Dan begint de eerste van het rijtje rechts, en de volgende komt links ertegenaan gestapeld (want dat is de dan eerst vrijkomende plaats voor de tweede float:right), enz.

Maar bewijsmateriaal heb ik niet: dat is inderdaad de css-code. :)
- Niet alleen de spryMenubar.css, maar ook de ander stylesheets, want misschien is het één het ander aan het overrulen.

Of, wel zo makkelijk voor de diagnose: heb je een link naar een (test)pagina waarop het verschijnsel zich voordoet?

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan