1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Chrome Does Not Open Link Properly, But FireFox Does

Discussion in 'Off Topic' started by TheBigK, Jul 24, 2012.

  1. TheBigK

    TheBigK Well-Known Member

    I'm trying to include the 'Become A Member' button on my WordPress powered blog to redirect the users to XF powered community.

    Code:
    <label id="SignupButton" for="LoginControl">
    <a class="inner" href="http://www.crazyengineers.com/community/register/">Become A Member!</a>
    </label>
    I've created a text widget and pasted above code in it. I've copied code from Xenforo CSS to bring the styling to the button. Now the problem is -

    1. The button works fine in FireFox (latest, 14).
    2. The When accessed from chrome, the page refreshes.

    What am I doing wrong?
     
  2. TheBigK

    TheBigK Well-Known Member

    Is the above information sufficient? o_O
     
  3. MagnusB

    MagnusB Well-Known Member

    If I am not mistaken, label should only be used inside forms, maybe that is what messes it up?
     
  4. TheBigK

    TheBigK Well-Known Member

    I'm not sure, but it looks like plain HTML job to me. Plus, this thing works perfect in Firefox. Chrome's got issues.
     
  5. MagnusB

    MagnusB Well-Known Member

    Yeah, but label isn't supported outside a <form> tag: http://www.w3schools.com/tags/tag_label.asp

    I haven't seen the CSS for this, but can you just replace that with a <div id="SignupButton">? If you copied from xF css everything should be defined with classes and id's and not tags, so the tag should not matter.
     
  6. TheBigK

    TheBigK Well-Known Member

    Ow!

    Any suggestions on how to fix this? I want to display 'Become A Member' button XF style on WordPress. What changes should I make?
     
  7. MagnusB

    MagnusB Well-Known Member

    Try replacing the label with a div. If you have a link, I can take a better look at it.
     
  8. TheBigK

    TheBigK Well-Known Member

    Let me try it with a div. So it should be <div id="SignupButton" for="LoginControl">

    and the CSS would look like -

    #SignupButton { ...};

    , am I right?
     
  9. MagnusB

    MagnusB Well-Known Member

    Code:
    <div id="SignupButton">
      <a href="#" class="inner">Become a member now!</a>
    </div>
    The CSS should start like that, yes.

    The for in label identifies what the label is for, for example for="radio1" means it is the label for the form element with id="radio1".
     
  10. TheBigK

    TheBigK Well-Known Member

    Not working. Could you check it live on the site: http://www.crazyengineers.com , check at the bottom of sidebar on the right.
     
  11. MagnusB

    MagnusB Well-Known Member

    It works like a charm for me, in chrome 20.0. something, Windows XP. Have you tried deleting the cache in your chrome install?
     
  12. TheBigK

    TheBigK Well-Known Member

    I'm on Chrome Version 20.0.1132.57 on Mac OSX Lion. I'll ask others to test. Wondering how'd cache matter here.
     
  13. MagnusB

    MagnusB Well-Known Member

    It usually don't unless it is a javascript or css conflict. Same version as me though different OS, but that really shouldn't matter. Have you tested it on Safari?
     
  14. TheBigK

    TheBigK Well-Known Member

    Works fine in Safari. Checking on Chrome.
     
  15. MagnusB

    MagnusB Well-Known Member

    Well, I am stomped. I can't see why it shouldn't work for you. The only thing I could think of was different between me and you is the cache.
     
  16. TheBigK

    TheBigK Well-Known Member

    I asked few random people on the Earth who use chrome and they say it's working fine :)

    @MagnusB : Really appreciate your help. Thanks a TON! (y)
     
  17. MagnusB

    MagnusB Well-Known Member

    No problem :)
     
  18. There are times when clearing the cache in Chrome and Firefox can still produce errors. I cleared cached, and then performed a SHUT DOWN on my PC, and everything worked in both browsers
     
    TheBigK likes this.

Share This Page