Search image button showing differently in Internet explorer and Safari

Question

0.00/5 (No votes)

See more:

.NET3.5

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

Copy Code

<igtxt:WebImageButton ID="imgSurvey" runat="server" AutoSubmit="False" Height="1pt"
                                            TabIndex="1" UseBrowserDefaults="false" DisplayMode="Block" BrowserTarget="UpLevel" >

Thanks and Regards
Ganga

Posted 27-May-13 4:20am

Member 8014531

Updated 30-May-13 5:19am

Kenneth Haugland

v3

Add a Solution

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

Add a Solution

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

MohanKrishna.Kota · Answer 1 · 2013-05-30T04:35:00

Solution 1

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

Permalink

Posted 30-May-13 4:35am

MohanKrishna.Kota

Search image button showing differently in Internet explorer and Safari

1 solution

Solution 1

Add your solution here

Preview 0

Search image button showing differently in Internet explorer and Safari

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us