I have done this so far but the image never load right.

 

public class TradingButton extends GuiButton
{
public ResourceLocation texture;

public TradingButton(int id, int x, int y, int width, int height, ResourceLocation texture)
{
	super(id, x, y, width, height, "");
	this.texture = texture;
}

 public void drawButton(Minecraft p_146112_1_, int p_146112_2_, int p_146112_3_)
 {
	 if (this.visible)
	 {
		 FontRenderer fontrenderer = p_146112_1_.fontRenderer;
		 p_146112_1_.getTextureManager().bindTexture(texture);
		 GL11.glColor4f(1.0F, 1.0F, 1.0F, 1.0F);
		 this.field_146123_n = p_146112_2_ >= this.xPosition && p_146112_3_ >= this.yPosition && p_146112_2_ < this.xPosition + this.width && p_146112_3_ < this.yPosition + this.height;
		 int k = this.getHoverState(this.field_146123_n);
		 GL11.glEnable(GL11.GL_BLEND);
		 OpenGlHelper.glBlendFunc(770, 771, 1, 0);
		 GL11.glBlendFunc(GL11.GL_SRC_ALPHA, GL11.GL_ONE_MINUS_SRC_ALPHA);
		 this.drawTexturedModalRect(this.xPosition, this.yPosition, 0, 46 + k * 20, this.width / 2, this.height);
		 this.drawTexturedModalRect(this.xPosition + this.width / 2, this.yPosition, 200 - this.width / 2, 46 + k * 20, this.width / 2, this.height);
		 this.mouseDragged(p_146112_1_, p_146112_2_, p_146112_3_);
	 }
 }
}

Please be accurate when writing some error posts.

WHAT exactly should happen -> How should the button look like?

What DOES exactly happen -> How does the button look?

What is your CODE -> The method in which the problem is caused (That's what you have done ) AND the corresponding objects => Is the resourceLocation set correctly? I don't know if this object is right if i can't see its declaration.

 

I actually don't understand two things:

1st: Why do you render two textured rects?

2nd: You use two arguments in the second call of drawTexturedModalRect for x and one for y, but both of them use this.width. Is this correct? (this.xPosition + this.width / 2, this.yPosition, 200 - this.width / 2)

I have figured out  by myself 

 

this code was the Button code from MC just a little bit changed from me.

And this two textured reacts were my problem.

 

And my Solution was this:

public class TradingButton extends GuiButton
{
public ResourceLocation texture;

public TradingButton(int id, int x, int y, ResourceLocation texture)
{
	super(id, x, y, 20, 20, "");
	this.texture = texture;
	this.width = 20;
	this.height = 20;
}

 public void drawButton(Minecraft mc, int x, int y)
 {
	 if (this.visible)
	 {
		 FontRenderer fontrenderer = mc.fontRenderer;
		 mc.getTextureManager().bindTexture(texture);
		 GL11.glColor4f(1.0F, 1.0F, 1.0F, 1.0F);
		 this.field_146123_n = x >= this.xPosition && y >= this.yPosition && x < this.xPosition + this.width && y < this.yPosition + this.height;
		 int k = this.getHoverState(this.field_146123_n);
		 GL11.glEnable(GL11.GL_BLEND);
		 OpenGlHelper.glBlendFunc(770, 771, 1, 0);
		 GL11.glBlendFunc(GL11.GL_SRC_ALPHA, GL11.GL_ONE_MINUS_SRC_ALPHA);
		 this.drawTexturedModalRect(this.xPosition, this.yPosition, 0, k * 20, this.width + 1, this.height);
		 this.mouseDragged(mc, x, y);
	 }
 }
}

 

It should be like a normal Button. What it is now. ----> Meaning: In a Gui as a normal Button

The texture is the normal MC-Button texture only now with pictures what i like.

And the button was only the half.

 

Next time i will write more that everyone should understand