NAV_TABLE_COLUMN submenu align

[blanders]

What might be the problem - In Firefox everything is OK but in IE, when NAV_TABLE_COLUMN is used, sub menus will be aligned into right (there is a big cap between button image and actual link text).
Hard to describe: please see the left menu for example: http://www.autoalarm.ee/www2/index.php?autoalarmid.
Where to config this?

[Jensensen]

Hi blanders,

this is a well known, old problem when using NAV_TABLE... ==> NO LONGER SUPPORTED!
Solution: Better use NAV_LIST_UL instead! http://www.phpwcms.de/forum/viewtopic.php?p=83839#83839

[blanders]

Thanks for the tip! I'm using now NAV_LIST_UL but menu opens too wide now.
How to adjust sublevels position? There is too big cap between <li> element and link text.
How is it possible to use images instead of <li> elements?
I seacrhed through the topic but did'nt find simple answers..

[Jensensen]

Next step would be to place the main navigation in another, outer div element. EXAMPLE:

<div id="my_NAVI">
{NAV_LIST....}
</div>

Now you can use CSS to apply any styles, like for EXAMPLE:

#my_NAVI ul ( any:style; )
#my_NAVI li ( padding: 1px 0px; line-height: 1em; )
#my_NAVI li a ( text-decoration: none; )
#my_NAVI li.active a { font-weight: bold; background: #ffd98e; color: #834e26; }

#my_NAVI li li a { ... }
#my_NAVI li.active li a { ... }

...

There are many more classes, you could use: act_path, sub_ul_true... Check the source code of the page and adjust CSS.

[blanders]

Oh, CSS is such a dark place for me..
Is there a possibilty just to use images beside li elements?
The problem is I need to align the submenus to the left, currently there is a very big cap between li element and link text.
Have a look at: http://www.autoalarm.ee/www2/index.php?autoalarmid

[update]

Oh, CSS is such a dark place for me..

Is there a possibilty just to use images beside li elements?

In case you will be able to make friends with dark places: yes - easily

[blanders]

Thanks to Claus it is getting warmer(!), there's a light in the end of that tunnel. But in IE it is still buggy. Something is wrong with line heights.
How to separate menu link font colors from other links colors? For ex I can set font hight but not color (which it takes under "a").
Now the li elements are removed but how to set the img files in front of the menus?

[update]

Now that it's getting tastier for you please have a look at http://forum.phpwcms.org/viewtopic.php? ... &hilit=nlu too
This navi is a genious piece of work and every aspect of your light at the end of the tunnel will be enlightened

[update]

...and for your imgs - this is a path problem...
Try
background: transparent url(www2/img.....) .....;

[Jensensen]

just adding another cold(!) comment:
you can manage/control images with CSS - you can even use GT MOD with NAV_LIST_UL and a combination of all. It is for you to work on the solution.

[update]

.... or even an absolute path:

background: transparent url(/www2/img/article/image.gif) ......

[blanders]

Thanks guys! i've made some modifications now. There still seem to be a bug while viewing with IE-
please see the menu link line heights..in Firefox is OK. How to get rid of this?

[juergen]

Perhaps only the table you placed it inside ? Leave it away and things might become good...

[flip-flop]

For me there is no solution, please switch to - NAV_LIST_UL.
At this time and in future there is no way around css.

Knut

[blanders]

In fact I am using NAV_LIST_UL. NAV_LIST_COLUMN was buggy in IE, now it seems I have similar(not the same) problem with NAV_LIST_UL in IE.
Please see the left menu in IE: http://www.autoalarm.ee/www2/