/* --[[ Main Expand Icons ]]-- */#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(C:/Program Files/OpenCube/Visual Infinite Menus/icon_library/arrows/light_arrow_down.gif); width:9px; height:6px; left:15px; top:5px; background-repeat:no-repeat;background-position:top left;}#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(C:/Program Files/OpenCube/Visual Infinite Menus/icon_library/arrows/light_arrow_down.gif); background-repeat:no-repeat;background-position:top left;}/* --[[ Sub Expand Icons ]]-- */#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(C:/Program Files/OpenCube/Visual Infinite Menus/icon_library/arrows/medium_purple_right.gif); width:6px; height:9px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(C:/Program Files/OpenCube/Visual Infinite Menus/icon_library/arrows/medium_purple_right.gif); background-repeat:no-repeat;background-position:top left;}/* --[[ Main Container ]]-- */#imouter0 {background-color:#585575; border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px; }/* --[[ Sub Container ]]-- */#imenus0 li ul {background-color:#d3d2df; border-style:solid; border-color:#333333; border-width:1px; padding:5px; margin:4px 0px 0px; }	/* [Underlayment (Drop Shadow)] */	#imenus0 .imunder {background-color:#a2a2a2; top:3px; left:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;}/* --[[ Main Items ]]-- */#imenus0 li a {color:#dddddd; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; border-style:solid; border-color:#ffffff; border-width:1px; padding:2px 20px 2px 8px; }	/* [hover] - These settings must be duplicated for IE compatibility.*/	#imenus0 li:hover>a {}	#imenus0 li a.ihover, .imde imenus0 a:hover {}	/* [active] */	#imenus0 li a.iactive {}/* --[[ Sub Items ]]-- */#imenus0 ul a {color:#555555; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }	/* [hover] - These settings must be duplicated for IE comptatibility.*/	#imenus0 ul li:hover>a {color:#000000; text-decoration:underline; }	#imenus0 ul li a.ihover {color:#000000; text-decoration:underline; }	/* [active] */	#imenus0 ul li a.iactive {background-color:#ffffff; }

Now when I add it in my page like in this example:

<html><head><title>menu</title><link rel="stylesheet" type="text/css" href="menu_opmaak.css" /></head><body><li  style="width:145px;"><a href="#">main</a>	<div class="imsc"><div class="imsubc" style="width:145px;top:1px;left:0px;"><ul style="">	<li><a href="#">main</a></li>	<li><a href="#">about us</a></li>	<li><a href="#">more knowledge</a></li>	<li><a href="#">more knowledge</a></li>	<li><a href="#">more knowledge</a></li>	</ul></div></div></li>rest of the page.......

The CSS doesn't seem to have any effect on it sinds I just get a listing, no containers nothing.Glad if some one could help me solve this.Ruud Hermans

shiftJIS · October 29, 2006

First of all, you have a <li> block as the first child of <body>. It can't go there. Browsers don't particularly care, but it'd be good to wrap it in a <ul></ul>About your nav situation, the problem is that none of the CSS declarations apply to the html that you have shown. There are classes "imsc", "imsubc" declared but the CSS doesn't even mention them.

Sign In

Navigation Menu

Recommended Posts

Ruud Hermans

Link to comment

Share on other sites

shiftJIS

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity