Overlapping Buttons!

Hello there programmers! I am making a 2d game and i created a level select menu with the new UI system i belive but now, i have 4 buttons and each one loads a level.However, each button overlaps the other so they cannot be clicked... here's how it looks :
Any ideas on how to fix this?

 

Simple answer is NOT to overlap them, else the UI inpu system will simply get confused when raycasting to the object.
Ensure your Button graphics fit the Rect Transfor and ensure the areas do not overlap

Hope that helps

 

Everything was alright with my last button sprites but when i changed the image it messed up like i showed you above, is that a problem with the new button image? maybe the scale is too big?

 

By default it will resize the RectTransform to the image. Just check your layout.
Also try simply recreating the layout in a new scene and see if you can duplicate the issue.

 

I have tried to recreate the menu in a new scene but the issue is still the same, the rectl. transform causes it but it does not resize form what i can see!

 

Can you drop/create that menu in a sample scene/project and put it on a dropbox or somewhere, then I'll see if I can figure out what's going on.

 

Yes simon i will send you a link to my project in pm!

 

Ok, got the PM, will check out the sample asap and get back to you

 

Ok thanks! I'll be waiting

 

So, If you NEED them to overlap for some design reasons, like Button In Button, you can make an empty container in the editor and put them both inside it. By changing the order in editor you can decide what button it in front. Make sure not to make one child of another.