GetSimple Support Forum

Full Version: Main menu image buttons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,
I would like to replace text link + css by an image for the main menu ?
Is it possible ? and How ?

Regards,
Every link in the menu that GetSimple generates has its own class. You could use CSS with your favourite image replacement technique to give each link in the main menu an image and hide the text.
hello.
I use the <?php menu_master (); ?> function.
And when I edit the html source code I don't see the class of each link...
is it normal ? Is it somewhere to setup this class ?
thanks
another question ...
If I hide the text ... How can I click the link ?
The "li" is not clickable whithout link :'-(
you hide the text like so:

li a {display:block;text-indent:-9999px;}

the link (a) is then expanded to take up the whole li element. When you hide the text using text-indent, the text gets thrown way off screen, but the clickable a:href is still there inside the LI as a block element.
Thanks !
Ok ! It's working (on firefox) !
But is it ok with all browsers ? Did you test this tip with IE6 for example ?
A negative text-indent to hide text from browsers has been around for years now. You’ll find it works on every CSS supporting browser around these days.