...

View Full Version : Good-looking horizontal menu?



Vin0rz
12-15-2006, 02:48 PM
Hey, I have a menu that consists of an <ul>, which I want to display as a horizontal menu. My problem is: I got quite some menu items, and I'm not so good with graphics. I can do the CSS, but it always looks bad, so can anyone perhaps point me to a tutorial or give me a quick mockup or something or a good-looking but compact horizontal menu?

Thanks in advance.

Excavator
12-15-2006, 03:21 PM
Good morning Vin0rz,
If your menu has a lot of items maybe you could condense it into categories and use a dropdown menu. (http://alistapart.com/articles/dropdowns/)

Vin0rz
12-15-2006, 04:39 PM
Good morning Vin0rz,
If your menu has a lot of items maybe you could condense it into categories and use a dropdown menu. (http://alistapart.com/articles/dropdowns/)

Evening for me ;)

The problem with me is that I'm very picky. I don't want to use Javascript and also no CSS hacks. I used to do it just with CSS and don't care about Internet Explorer users, but now I do want to support IE as this is the only barrier left.

Thanks anyway.

Excavator
12-15-2006, 04:44 PM
It's really not hard to make little buttons... just a slice from a picture is quick. Do you have Photoshop?

ahallicks
12-15-2006, 04:47 PM
Or if you want to cheat..... http://www.crystalbutton.com/ :-)

Or, to do it yourself with Photoshop.... It's a long url! (http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/)

Vin0rz
12-15-2006, 04:58 PM
Or if you want to cheat..... http://www.crystalbutton.com/ :-)

Or, to do it yourself with Photoshop.... It's a long url! (http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/)

Those are a bit overdone IMO.

I don't have Photoshop but if I know what to do I can do it in the GIMP. But if it's simple and good-looking plain CSS it's allright with me too.

ahallicks
12-15-2006, 05:02 PM
The point I was making is, if you want to create nice buttons you need a starting point, an image. The tutorials there are very simple and give you a basic idea. What you then have to do is change the buttons/shapes/colours/contours etc. to make them look good and original. I use template buttons as a start guide and then add the styles I think they need to look good for the specific purpose I use them for!

I don't think it's possibly to make 'great' buttons using CSS alone as you are quite limited in how you can style them. Using a background image as a button is the easiest way to do things IMO :)

Vin0rz
12-15-2006, 05:05 PM
The point I was making is, if you want to create nice buttons you need a starting point, an image. The tutorials there are very simple and give you a basic idea. What you then have to do is change the buttons/shapes/colours/contours etc. to make them look good and original. I use template buttons as a start guide and then add the styles I think they need to look good for the specific purpose I use them for!

I don't think it's possibly to make 'great' buttons using CSS alone as you are quite limited in how you can style them. Using a background image as a button is the easiest way to do things IMO :)

Hmm.. I'd rather have 'sufficient' buttons as opposed to 'great' buttons.

donmarvin
12-15-2006, 07:26 PM
Here are great looking CSS menus: http://css.maxdesign.com.au/listamatic/index.htm

Vin0rz
12-16-2006, 12:09 PM
Here are great looking CSS menus: http://css.maxdesign.com.au/listamatic/index.htm

Ah, I had seen that before but didn't think of it, thanks a lot!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum