CCNA, CCNP, MCSA, CCNA Final Exam, All Answer Test Module With 100/100

I want to create "button" in XML layout (if possible) which has background image based on state (this image is NOT 9-patched) and with text. Which component to use? My button_states.xml looks like: <?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/my_pressed" /> <item android:drawable="@drawable/my_normal" /> </selector> my_pressed and my_normal are NON 9-patched images. Now if I use regular button <Button android:id="@+id/my_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button_states" android:text="@string/my_text" /> button it is rendered without background image. How to do "button" with text a

Please take a look this fiddle How to make the background image clickable? When click "Take the survey" will go to a new page. <div style="height:300px;width:300px;border-style:solid;border-width:5px;background-image:url('http://cdn.survey.io/embed/1.0/right_top_blue.png'); background-repeat:no-repeat;background-position:right top;"> By default, the background-image property repeats an image both horizontally and vertically. </div> Javascript or CSS are all preferred. Edit: I don't want to use image float to right corner.