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 6 of 6
  1. #1
    New Coder
    Join Date
    Jan 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML menu with buttons - good or bad?

    Hi all,

    I was recently given a draft attempt at a website design from a client who had created the menu using buttons. I generally use <li>'s as I "think" that SE's find it easier.

    Is this the only reason for doing this, the client asked me what's wrong with using buttons and I felt like I was scrabbling around for the answer....I'm sure I read buttons aren't a good idea - am I right, or am I spouting lies?!

    Thanks!

  • #2
    New to the CF scene
    Join Date
    Jul 2010
    Location
    Warsaw
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If it is normal link "<a href=""><img src="" /></a> " I don't see any problem, remember only to add title and alt tag.

  • #3
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Show us the code.

    buttons are a visual thing and so they can be used. *How* they are used is what matters and that is determined by the code.

    do you mean, for example:
    <input type='button'.....
    or some sort of javascript rollover buttons script?

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #4
    New Coder
    Join Date
    Jan 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I guess I was thinking I would code it like:

    Code:
    ...
    <a href="contact.html" title="Contact Page"><img src="contact.png" alt="Contact Page" /></a>
    ...
    Though my gut instinct tells me it's better to do this for SEO etc:

    Code:
    ...
    <li><a href="contact.html">Contact</a></li>
    ...

  • #5
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    yep, the second way is how I do it and I assign an image to the background of the UL or the LI tag.
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #6
    New Coder
    Join Date
    Jan 2007
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah, that's how I normally create menus, then style them with css as appropriate.

    Though now that I look at it, the keywords could potentially appear more with images due to the alt, title etc tags.

    Or don't you think this would have much of an effect?!......


  •  

    Posting Permissions

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