SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jul 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Buttonized anchors

    Hi,
    I want my anchors look like the same as a button element. I want this away rather than giving it a certain style because I want it to be rendered with user's operating system/browser's native preferences.

    Here is a simple code I wrote to achieve this:
    Code:
    <a href="ww...com" target="_blank">
        <button type="button">click me</button>
    </a>
    It renders perfectly, however doesn't work on most of the browsers. When you click on it;
    • On Firefox: The link is opening twice, you will see two tabs opened for the same url
    • On Safari: Working properly
    • On IE6/7: The link is not working at all


    Have you experienced with this? What would you suggest me? If there is no solution to this, could you please suggest me a good source where I can find button samples to be used as a background. (It would be great if it gives all images related to all states of a button)

    Thank you

  2. #2
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sounds like you want 'appearence:button'.

    Otherwise maybe you could wrap a form around the button instead of a link.
    Simon Pieters

  3. #3
    SitePoint Member
    Join Date
    Jul 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for pointing me out the css appearance property, I wasn't aware of that.
    It is the definite solution for browsers supporting or will support CSS3 but because I have to support IE6 and IE7 browsers it will not help me.
    I decided to use something like Yahoo UI Button element in terms of look & feel but a more simplified of it (no javascript, maybe something like new Wordpress interface buttons)
    Thank you


Tags for this Thread

Bookmarks

Posting Permissions

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