Page 1 of 1

CSS menu with images: is it possible?

Posted: Sun Jan 28, 2007 4:01 pm
by chris.nobel
Hey all,

I'm fairly new to CSS and CMS. CMSMS makes it so simple...
I'm running a website for which I had made a simple html-menu with images as buttons (img tag within a tag).
Now that I'm rebuilding my site with CMSMS, menu's are a lot easier to manage together with content. But what I'd like is to keep my pretty imaged menu. Is there a way to have a CSS menu use images rather than text for the buttons?

Correction: (learning goed fast with CMSMS!)
Contrary to what is stated above, I'm not using a CSS-menu (just noticed :)). What I'm looking for is a way to have a multi-level menu, in which the first level-buttons are not text, but images. I realise I have to make more buttons as more content is added to the page, because it automatically adds more items to the first-level menu.

thanks!
Chris
the Netherlands

Re: CSS menu with images: is it possible?

Posted: Sun Jan 28, 2007 7:34 pm
by heatherfeuer
I think you might be able to do what you want providing you use one image per menu level; and you should be able to do this with CSS.  Open up the stylesheet for the menu you are working with and make your image of choice a background image for that menu level, with "no-repeat."  That would automatically add the image to any new pages added at that level.

Re: CSS menu with images: is it possible?

Posted: Sun Jan 28, 2007 7:41 pm
by chris.nobel
Hey,

Thanks for the suggestion, I'll try. Do you know how I hide the automatically generated text?

Chris

Re: CSS menu with images: is it possible?

Posted: Sun Jan 28, 2007 8:04 pm
by heatherfeuer
Oh! Hmmm.... I was thinking about the automatic menu text be placed on top of, or to the side of, the image you wanted to use.  If you want to use an image that includes the text, you might have to try something different.  If you want to use the same image over and over, you can set the image using css and have the text set to "display: none;" and that will hide the default text.

Re: CSS menu with images: is it possible?

Posted: Sun Jan 28, 2007 8:13 pm
by chris.nobel
Of course to make things complicated, I need different images for the different items in the menu :)
Is this by definition impossible?

Re: CSS menu with images: is it possible?

Posted: Mon Jan 29, 2007 3:38 am
by Dr.CSS
Image Map menus... they can be done either way...

http://multiintech.com/