CSS menu with images: is it possible?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
chris.nobel

CSS menu with images: is it possible?

Post 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
Last edited by chris.nobel on Sun Jan 28, 2007 5:37 pm, edited 1 time in total.
heatherfeuer

Re: CSS menu with images: is it possible?

Post 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.
chris.nobel

Re: CSS menu with images: is it possible?

Post by chris.nobel »

Hey,

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

Chris
heatherfeuer

Re: CSS menu with images: is it possible?

Post 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.
chris.nobel

Re: CSS menu with images: is it possible?

Post 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?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: CSS menu with images: is it possible?

Post by Dr.CSS »

Image Map menus... they can be done either way...

http://multiintech.com/
Locked

Return to “Layout and Design (CSS & HTML)”