Boton con lupa

[danielsan83]

Hola a todos. No se si habeis tratado el tema, pero yo no encontre nada. Os cuento.

El problema es con un formulario. En principio tenia un boton de busqueda que funcionaba perfectamente cuando le dabas al enter, ya que estaba dentro de un panel con el defaultbutton = al nombre del boton. El boton era un ASP button.

He metido una lupa dentro del boton, y para ello ha dejado de ser un boton ASP y es un boton html con una label dentro para el texto y aedmas la imagen de la busqueda. Ahora ya no es un ASP button y el defaultbutton del panel se va a la mierda y dice que:
"The DefaultButton must be the ID of a control of type IButtonControl."
He mirado bien el ID del boton que he creado. El boton es este:

<button ID="SearchButton" class="btnStyleGrey" onclick="__doPostBack('Search','')" runat="server">
<img src="images/icons/magnifier.png" alt="" height="11"/>&nbsp;
<asp:Label ID="Label1" runat="server" Text="Buscar" meta:resourcekey="btnSearchText">
</asp:Label>
</button>

HE tenido que meter el dopostback al boton. Antes de volver a implementar el boton antiguo y quedarme sin lupa. Alguien sabe como puedo arreglar lo del defaultbutton o como meter la lupa dentro de un boton normal?

No vale con Image button porque no acepta texto, ademas la aplicacion es multiidioma y si meto texto e imagen junto en el imagebutton no vale.....

Gracias a todos de antemano

[sixto.jose]

hola danielsan83, la mejor forma de hacerlo seria aplicandole un estilo al boton para poder mostrar la imagen podes hacer uso de los .css, en la red hay muchos ejemplos.

espero te haya sido de ayuda.

[danielsan83]

Hola, gracias por tu respuesta, pero me podrias especificar un poquito mas.
Yo ya tengo creado un estilo para lo botones, con su fondo, su letra, tamaño etc....

[danielsan83]

Ya lo soluccione. Posteo el codigo por si a alguien le hiciese falta. Saludos

<div id="divSearchButton">
<img src="../../images/icons/magnifier.png" alt="" width="14" class="imgmagnifier"/>
<asp:Button ID="SearchButton" runat="server" class="btnSearchStyleGrey" Text="Button"
onclick="SearchButton_Click" meta:resourcekey="SearchButtonResource1"/>
</div>


y el CSS


.btnSearchStyleGrey {
background-color: #DDDDDD;
border-color: #C0C0C0;
border-style: solid;
border-width: 1;
/*color: #646464;*/
color: #9E0A3A;
width:65px;
font-size: 7pt;
font-family: verdana;
text-align:right;
}


.imgmagnifier
{
position:absolute;
padding: 2px 5px 5px 5px;
}

[danielsan83]

No todo podia estar bien.... si pinchas en la lupa no funciona el boton... es decir si pinchas con el raton en el div no funciona el boton, tienes que andar dandonde en la parte derecha del boton para que funcione...
alguna sugerencia para que el boton se ponga por encima de la lupa?