Re: Arrow and Icon table cells
2008/01/23 13:45
Viewed 1818 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.

Re[2]: Arrow and Icon table cells
2008/01/23 15:08
Viewed 2414 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
Re[3]: Arrow and Icon table cells
2008/01/23 15:22
Viewed 3115 times
Replies: 1/1

The URL doesn't seem to work.. typo?

last
Google