[thelist] Expanding menu problems

Chris Heilmann lists at onlinetools.org
Mon Dec 13 08:53:22 CST 2004


> Hi,
>      I've fixed the background problem with your help thank you. Now I'm
> trying to understand the icon problem. This is what I have put in as you
> suggested...
>
> /* Classes added to show and hide and to indicate active state */
> 		.pde_hide{display:none;}
> 		.pde_show{display:block;}
> 		.pde_parent{background:../Global%20Assets/Navigation/FOsha25.ico 0 50%
> no-repeat transparent;}
> 		.pde_active{background:../Global%20Assets/Navigation/button.gif 0 50%
> no-repeat transparent;}
>                         .pde_active
> li{background:../Global%20Assets/Navigation/button.gif 0 50% no-repeat
> transparent;}
>                         .pde_parent
> li{background:../Global%20Assets/Navigation/action.gif 0 50% no-repeat
> transparent;}
>
> Is this correct? Nothing happens. Also I need to have different icons in
> the
> same menu.
>
> In regard to the cramped text. This is how I want it to look.
>
> 	The sentence is in one line like this.
>
> But the text comes out like this.
>
> 	The sentence
> 	is all cramped
> 	up like this.

Could you provide us with a URL or some screenshots? The "cramped" problem
is because of the width of the navigation. In the demo the main UL has a
width of 10em. If you get rid of that width, it'll be as wide as needed:
delete
width:10em;
in the
ul#nav
setting.

For different icons, you would need to set different IDs or classes on the
elements and define them in your CSS.

Also, try to avoid spaces in file names, the %20 might be your problem.


-- 
Chris Heilmann
http://icant.co.uk/ | http://www.onlinetools.org/



More information about the thelist mailing list