» Forums
» DynarchMenu forum
» Support
» Arrow and Icon table cells
Arrow and Icon table cells
2008/01/23 11:28
Viewed 1583 times
Replies: 1/4

Can anyone help..

I want to prevent the Arrow and Icon cells from being included in the Vertical menu - I've played with the CSS but can;t seem to do it. Is there a javascript "switch" somewhere?

Also, there appears to be a border, or cellspacing on the table that is created from the UL - I could do with this being removed too but can't see to get it sorted.

Has anyone else had these problems?

Thanks

Andy

Re: Arrow and Icon table cells
2008/01/23 13:45
Viewed 2396 times
Replies: 1/3

We're using the following CSS at dynarch.com:

div.dynarch-menu-noicons tr.item td.icon img,
div.dynarch-menu-noicons tr.item td.icon div { width: 5px; }
div.dynarch-menu-noicons tr.item td.icon { width: 5px; }

And add class="dynarch-menu-noicons" to the UL-s that define menus where we don't want icons.  The reason for it is that I still like some spacing.  The History menu uses this style (this menu appears if you viewed several different pages in our website).

Try the following CSS to hide them completely:

div.dynarch-menu-noicons tr.item td.icon { display: none }
div.dynarch-menu-noicons tr.item td.arrow { display: none }

(make sure you include this CSS after loading the menu skin.)

Hope this helps.

last
Re[2]: Arrow and Icon table cells
2008/01/23 15:08
Viewed 3147 times
Replies: 1/2

Hi

I've done this, but it doesn't seem to have changed anything. I already had this in the CSS;

div.dynarch-popup-menu tr.item td.icon { padding: 0px; height: 0px; width: 0px; display: none; background: blue; }
div.dynarch-popup-menu tr.item td.arrow { width: 0px; display: none; background: yellow; }

The site I am working on is here - http://cox.tlatest.co.uk and you'll see that the flyout on "info for Landlords" still has the spacing left and right.

I have styled a <span> to get the effect I wanted on the menu items - it's just the spacing that is the issue. Any ideas?

Thanks

Andy

last
Google