Custom buttons not working when inside module

Question

So when I put these buttons inside an article they worked fine.

As soon as I put them in a module (so I could show them dependent on if the user is logged in or not) they stopped working.

The first button takes you to the registration page The second button takes you to log in page *both via menu items

But now when in a module the first button takes you to log in page and the second stays blank on index.php

My code is as follows below:

<div style="text-align: center;">
<form action="http://get2gethersports.com/edit-user-profile?view=registration" method="get">
    <button type="submit"> Join Now </button>
</form>
<form action="http://get2gethersports.com/index.php?option=com_users&view=login" method="get">
    <button type="submit"> Login </button>
</form>
</div>

Any help would be greatly appreciated.

Answer 1

You can use a regular link instead of a form, and style them using CSS, something like this:

<div style="text-align: center;">
   <p>
      <a href="http://example.com/index.php?option=com_users&view=registration" class="btn btn-primary"> Join Now </a>
   </p>
   <p>
      <a href="http://example.com/index.php?option=com_users&view=login" class="btn btn-success"> Login </a>
   </p>
</div>