Posted 10 months ago #
Client wants hand drawn icons to appear at the left of top level menu items.
Problems:
Icon is larger than menu item.
Icon appears outside menu div.
I fooled around with menu items having unique css, whereby I add a background but get stymied by the size constraints.
See image that illustrates problem:
http://uploadingit.com/file/jpm1fdqwmvvhivww/Icon%20Issues.jpg
Ideas?
Posted 10 months ago #
Its hard to say much without seeing the markup and without seeing what the result is supposed to look like.
Posted 10 months ago #
ahhh, good point:
http://babiesatplay.cmsdabbler.com
Site is a little slow, hosted with HostGator :-P
Posted 10 months ago #
Ok. You can use images for the bullets in your list but its listed as buggy up through IE8 at least.
Otherwise, I'd lean toward adding an image to your list items-- say, between the opening li and the start of the anchor. Put position:relative; on you list items and I think you should be able to use position:absolute; to shove the images over to the side. It is going to be tricky, but I'm pretty sure it will work. I think you are using wp_list_pages() and maybe $link_before (which will put the image inside the anchor but maybe it will still work) will get you there. If not you will need to build a custom Walker.
That's my take on this. :)
You must log in to post.
