Click here to Skip to main content
15,302,455 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi

I have a search web image button(infragistic 11.0) . While running the application in Internet explorer , it's showing correctly . But While running in safari browser ,the width of the Search web image button increases and one small line is showing in the right- center
of the image button .

i have used followed code in my image button . still it's not working . Please give suggetion .
ASP.NET
<igtxt:WebImageButton ID="imgSurvey" runat="server" AutoSubmit="False" Height="1pt"
                                            TabIndex="1" UseBrowserDefaults="false" DisplayMode="Block" BrowserTarget="UpLevel" >

Thanks and Regards
Ganga
Posted
Updated 30-May-13 5:19am
v3
Comments
Prasad Khandekar 27-May-13 14:48pm
   
Remove Height attribute and try with following css rule.
#imgSurvery { min-height: 24px; min-width: 196px; } Change the height and width values as per your requirements.
Member 8014531 28-May-13 2:10am
   
I have set the width and height as per my requirment ( 20px, 20px) . it is looking correct in safari browser ,but it's height is increasing in internet Explorer .
Member 8014531 28-May-13 2:17am
   
Following is my code for webImage Button and style sheet.

<td colspan="2" class="TDInfragistic" valign="middle" align="left" style=" border-collapse:collapse" >

<%--ToolTip="Select Survey to use for this Round"
AlternateText="Select Survey to use for this Round" --%>
<igtxt:WebImageButton ID="imgSurvey" runat="server" AutoSubmit="False"
TabIndex="1" UseBrowserDefaults="false" DisplayMode="Block" BrowserTarget="UpLevel" >
<%--OnClick="imgSurvey_Click"--%>
<focusappearance>
<style bordercolor="Black" borderstyle="Solid" borderwidth="1px" cursor="Hand" >
</style>

<hoverappearance>
<innerborder colorbottom="LightSteelBlue" colorleft="LightSteelBlue" colorright="LightSteelBlue"
="" colortop="LightSteelBlue" stylebottom="Solid" styleleft="Solid" styleright="Solid" styletop="Solid" widthbottom="1px" widthleft="1px" widthright="1px" widthtop="1px">
<style borderstyle="Solid" cursor="Hand">
<borderdetails styleleft="Solid" widthright="1px" stylebottom="Solid" colortop="SteelBlue" widthleft="1px" widthbottom="1px" colorleft="SteelBlue" colorbottom="SteelBlue" styletop="Solid" styleright="Solid" colorright="SteelBlue">
</style>

<roundedcorners heightofbottomedge="0" widthofrightedge="0">
<appearance>
<Image Url="./Images/Lookup.gif" />
<innerborder stylebottom="None" styleleft="None" styleright="None" styletop="None"
="" widthbottom="0px" widthleft="0px" widthright="0px" widthtop="0px">
<style bordercolor="DarkGray" borderstyle="Solid" borderwidth="1px" cursor="Hand" >
</style>



</td>



.TDInfragistic
{
font-family: Arial, Verdana, Helvetica, sans-serif;*/
color: black;
font-size: 8pt;


}
Member 8014531 28-May-13 2:21am
   
I have set the height and width as per my requirment(20px,20px) , it's showing correctly in safari browser but height is increasing in internet Explorer .

here is my code .
.TDInfragistic
{
font-family: Arial, Verdana, Helvetica, sans-serif;*/
color: black;
font-size: 8pt;


}

<td colspan="2" class="TDInfragistic" valign="middle" align="left" style=" border-collapse:collapse" >

<%--ToolTip="Select Survey to use for this Round"
AlternateText="Select Survey to use for this Round" --%>
<igtxt:WebImageButton ID="imgSurvey" runat="server" AutoSubmit="False"
TabIndex="1" UseBrowserDefaults="false" DisplayMode="Block" BrowserTarget="UpLevel" >
<%--OnClick="imgSurvey_Click"--%>
<focusappearance>
<style bordercolor="Black" borderstyle="Solid" borderwidth="1px" cursor="Hand" >
</style>

<hoverappearance>
<innerborder colorbottom="LightSteelBlue" colorleft="LightSteelBlue" colorright="LightSteelBlue"
="" colortop="LightSteelBlue" stylebottom="Solid" styleleft="Solid" styleright="Solid" styletop="Solid" widthbottom="1px" widthleft="1px" widthright="1px" widthtop="1px">
<style borderstyle="Solid" cursor="Hand">
<borderdetails styleleft="Solid" widthright="1px" stylebottom="Solid" colortop="SteelBlue" widthleft="1px" widthbottom="1px" colorleft="SteelBlue" colorbottom="SteelBlue" styletop="Solid" styleright="Solid" colorright="SteelBlue">
</style>

<roundedcorners heightofbottomedge="0" widthofrightedge="0">
<appearance>
<Image Url="./Images/Lookup.gif" />
<innerborder stylebottom="None" styleleft="None" styleright="None" styletop="None"
="" widthbottom="0px" widthleft="0px" widthright="0px" widthtop="0px">
<style bordercolor="DarkGray" borderstyle="Solid" borderwidth="1px" cursor="Hand" >
</style>



</td>
CHill60 28-May-13 10:52am
   
Firstly - never post your email in a forum - you're just asking to get spammed.
Secondly - if you are trying to reply to someone's comment you need to use the Reply link next to that comment (not the Add comment) or they won't be notified of your response. Alternatively if you have extra information to add to your question use the Improve Question link below your post.
Finally, you might find these links useful ...
http://forbrains.co.uk/browser_differences/width_padding_margin_differences[^]
http://www.netmechanic.com/products/Browser-Tutorial.shtml[^]
Member 8014531 30-May-13 6:40am
   
Thank You.

1 solution

Its not that ur code is wrong or something some browsers does not support some features.
   

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900