Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder
    Join Date
    Feb 2006
    Location
    The Netherlands
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Good-looking horizontal menu?

    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.
    Yeah that.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Good morning Vin0rz,
    If your menu has a lot of items maybe you could condense it into categories and use a dropdown menu.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Feb 2006
    Location
    The Netherlands
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Good morning Vin0rz,
    If your menu has a lot of items maybe you could condense it into categories and use a dropdown menu.
    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.
    Yeah that.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    It's really not hard to make little buttons... just a slice from a picture is quick. Do you have Photoshop?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Or if you want to cheat..... http://www.crystalbutton.com/ :-)

    Or, to do it yourself with Photoshop.... It's a long url!
    Last edited by ahallicks; 12-15-2006 at 05:54 PM. Reason: Found this too...
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #6
    Regular Coder
    Join Date
    Feb 2006
    Location
    The Netherlands
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ahallicks View Post
    Or if you want to cheat..... http://www.crystalbutton.com/ :-)

    Or, to do it yourself with Photoshop.... It's a long url!
    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.
    Yeah that.

  • #7
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    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
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #8
    Regular Coder
    Join Date
    Feb 2006
    Location
    The Netherlands
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ahallicks View Post
    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.
    Yeah that.

  • #9
    New Coder
    Join Date
    Feb 2006
    Location
    Bronx, New York
    Posts
    93
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here are great looking CSS menus: http://css.maxdesign.com.au/listamatic/index.htm

  • #10
    Regular Coder
    Join Date
    Feb 2006
    Location
    The Netherlands
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by donmarvin View Post
    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!
    Yeah that.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •