Hi, everyone.
I have a button that links to another page, but it doesn't work.
Here is the code:

<div class="pageNumbers">
      <ul>
        <li><a href="shops1.html" class="pageNumber">1</a></li> //button 1
        <li><a class="pageNumber" href="shops2.html">2</a></li> //button 2
      </ul>
    </div>

Do you know what is wrong with it?

When you click on the button number 2 it doesn't take you to shops2.html. It just stays on shops1.html.

PLBKAC :)

Did you Google it?

How it is solved? what was the problem in that? can you please explain?

Okay, that's a really bad solution. What if the user doesn't have JavaScript enabled? Your website is then useless.

If you provide more information, it might be possible to ascertain the actual problem.

Maybe it is a bad solution, but it worked for me. For someone else maybe a form will work, something like this:

<form>
<input type="button" value="1" onclick="window.location.href='http://www.example.com'">
</form>

If the site doesn't have Java Script enabled (which I doubt anyone would do that nowdays) they can do something like this (like my old code):

<a title="1" href="http://www.example.com">Button 1</a>

And then put some css code, some image and make it a nice button.
Or for more simple button you can do this:

<form action="example.html">
<input type="button" value="Hello">
</form>

Basically there are thousands of examples, you just need to find what works for you.
Hopefully I gave you enough examples:-)

Yes you can use images instead of button.

And yes, as Karthik_pranas said, you can use images as a button, it may not look very professional but hey, if it works for you, use it.