#imageMenu ul Depending on the menu, when you float the LI elements you loose the blockness of the element so you need to set a width and a height to get everything in line again.
#imageMenu ul li a When you create the image based menus you still give the <a> tag a text value. This ensures that if the image doesn't display and also for SEO reasons you still have a text value for the link. The text-indent moves the text out of the link and positions the text out of site from the <a> tag so you don't see it. I actually don't like this method cause in IE when you do a negative text-indent you loose the width of the element. I prefer to wrap the text in a <span> tag and set a visibility:hidden on the span so you still retain the text in the right position, just you cant see it. -----Original Message----- From: PlanetSong [mailto:[email protected]] Sent: Tuesday, 25 August 2009 1:54 PM To: [email protected] Subject: [Moo] how to add image in imagemenu? i'm trying to replace the pics of imagemenu with mine. but i can only see 5 pics, just as the current version shows. how can i add more pics??? i read imagemenu.css,which i suppose is the one to implement my requirment. but nothing helps.... and can u pls tell me the following meanings? #imageMenu ul { list-style: none; margin: 0px; display: block; height: 200px; width: 1000px;//what's this used for??? } #imageMenu ul li a { text-indent: -1000px;//what's this used for??? appreciate your great help!!!!!! -- View this message in context: http://n2.nabble.com/how-to-add-image-in-imagemenu-tp3507617p3507617.html Sent from the MooTools Users mailing list archive at Nabble.com.
