.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Background image of Anchor not working with Safari/Firefox

Posted By:      Posted Date: August 31, 2010    Points: 0   Category :ASP.Net
Hi, I have following Css where i have used back-ground image. Then i am generating Anchor and assigning css class which has image. It works fine with IE but does not work with Safari,Firefox and Chrome. Can anyone help me on how to fix it. I have given details below. Thanks, Chandan Css .HOME { BACKGROUND-IMAGE: url(../images/home.jpg); WIDTH: 56px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px } .HOME A { WIDTH: 56px; HEIGHT: 20px } .HOME A:hover { BACKGROUND-IMAGE: url(../images/home1.jpg); WIDTH: 56px; HEIGHT: 20px } Html Code<td class="home"> <A href="#" class="home" onclick="showpage('abc.html')"/></td>

View Complete Post

More Related Resource Links

javascript not working in Firefox/Safari


I hope this is the correct place for this post as it's relevant to both ASP.NET and Javascript.

I am creating a nested ListView. In the ListView1 the first column contains an asp:Literal control named LiteralTreeIcon.

In the event OnItemDataBound of ListView1 I am doing the following:

Literal treeIcon = e.Item.FindControl("literalTreeIcon") as Literal;

if (treeIcon != null)
treeIcon.Text = invoices.Count() == 0
? "<img src=\"../Images/treedot.gif\" alt=\"\" height=\"16\" width=\"16\" />"
: String.Format(
"<img src=\"../Images/buttonplus.png\" alt=\"\" height=\"16\" width=\"16\" onclick=\"javascript:toggleGroup(this,'invoices{0}');\" />", header.ID);

This is working correctly, as in the icons are changing depending if there is data in the second ListView or not.

I then have a Javascript function in my ASP.NET page:

function toggleGroup(img, childName) {
var src = img.src;
var parentObject = document.getElementById(childName);

if (parentObject == null) {

how to make a css style background image be linked to an image in the resource file


hey guy, i need help in a very troubling matter. I want to make a textbox with a specific style, within this style a set of images as background parts, how can i attach these images to the custom control as whenever i take the .dll file and add it to the toolbar the images do not appear. So i tried to make them as resource files and their property as embedded in .resx file, so how to make the css style background image url to be linked to any of those image.

thanks in advance

System.Drawing.Image.Fromfile is not working


I am trying to get the height and width of the image dynamically.  The reason is I am loading multiple images using code, where the image name is from the database. 

Here is my code:

in the ascx page, I have an asp image

<asp:image id="imgInfo" runat="server" /> 


In the code behind

string ImagePath = "~/products/img/" + dataviewImgInfo[0]["imgName"].ToString();

System.Drawing Image imgProd = System.Drawing.Image.FromFile(ImagePath);

if(imgProd.Height > 200)

imgInfo.Height = 100;




imgInfo.Height = 200



WHen I run this page I am getting the folloiwng error

image resizer not working


I thought the following image resizer with the following code was working with smaller images but one thing I know for sure is that it's not working with larger ones. I want to have a max height of 300 px. The dimensions work out fine but don't save with the file. If someone can help me understand a better way, I'd appreciate it.

    Protected Sub FormatImage(ByVal ful As FileUpload, ByVal strFile As String) 
        Const intMaxWidth As Integer = 300 'max width
        Const intMaxHgt As Integer = 300 'max height
        Dim intNewWidth, intNewHgt As Integer 'new width/height
        Dim sglSize As Single 'temp variable used when calculating new size
        Dim imgOriginal As Image 'holds the original image
        Dim dblWidthProp, dblHgtProp As Double
        imgOriginal = Image.FromStream(ful.FileContent)
        intNewWidth = imgOriginal.Width
        intNewHgt = imgOriginal.Height
        Dim imgOutput As New Bitmap(intNewWidth, intNewHgt)
        If strFile IsNot Nothing And CheckFileFormat(strFile) = True Then
                Do While intNewWidth > 300 Or intNewHgt > 300
                    dblWidthProp = imgOriginal.Width / intMaxWidth
                    dblHgtProp = imgOriginal.Height / intMaxHgt
                    If dblWidthProp > dblHgtProp Then

Setting webpage/masterpage background...image?


I want to have the background of my masterpage (the master page for all of my .aspx pages) have a sort of gradient.  I imagine the only way I can do that is with an image.  Or maybe even some other design, but I want to move away from the "solid color" background.

Is the easiest way to do this just to make an image and set that as the background?  What image size should I make it, because some users could possibly have the normal aspect ratio, or maybe a widescreen?  What should I make it like so that it looks good on all computers?

Thanks in advance. :) 

Gridview check all not working in Mozila Firefox


hi all,

i has an gridview first column header is Checkbox, when i click on that all the detail column checkboxes were selected if i use IE but the same not working in Mozila Firefox

below is my code

function checkAll()
                  var totalChkBoxes = parseInt('<%= gv5.Rows.Count %>');
                  var gvControl = document.getElementById('<%= gv5.ClientID %>');
                  var gvChkBoxControl = "cbCheckProd";
                  var mainChkBox = document.getElementById("chkBoxAll");
                  var inputTypes = gvControl.getElementsByTagName("input");
                  for (var i = 0; i < inputTypes.length; i++)

Label can be seen but not the hyperlink over this background image



I have a panel like this. I have an image control inside this panel that I have put as a background image for the panel using the style where I adjusting the z-indexes.

This works fine!

I have put a label and a hyperlink like this in the <table>. The label can be seen but not the hyperlink which is the problem. I have tried to put a z-index to the hyperlink but that does not help.

How is it possible to see the hyperlink here also ? Thanks!


            top: 0px;
            left: 0px;

.stretch2 img
    position: absolute;
            top: 0px;
            left: 0px;

.stretch2 span
    z-index: 100;
    font-size: 1.2em;
    color: #ffff66;
    font-family: Arial, 'Microsoft Sans Serif';
            top: 0px;
            left: 3px;

<asp:Panel ID="Panel6" CssClass="stretch2"  runat="server" Width="100%">
    <asp:Image ID="Image16" runat="server" AlternateText="" ImageUrl="~/images/setImage.jpg" 
        ForeColor="Black" />

    <table style

Code write file asp.net 2.0 is working in firefox but IE not working.

If Not IsDBNull(ext) Then                                        ext = LCase(ext)                                    End If                                    Select Case ext                                        'Case ".htm", ".html"                                        '    type = "text/HTML"                   

CSS font is working in FireFox but not in Internet Explorer 8.0

Hi All, I tried a lot but I could not figure out why the IE is not taking font size and name in to effect from CSS. In firefox my website could be seen very nice but in IE it is little bit unshiny and font size is bigger For the difference which I am talking about could be seen  if your PC have both firefox and IE installed. Please go to http://www.nymidtowndentistry.com open it in FF and IE and you could see the font and alignment related change. All these settings are in body element of CSS. Do you any idea regarding this? Any help would be appreciated. Thanks for your time. -Hitesh  

Image stretch inside a grid stops working horizontally once columns are added to grid.

I have a simple setup of a window. Window contains a grid, inside the grid there is an image. I want the image to always stretch across the entire cell. I've set it's Stretch property to Fill and it works fine, as long there is only one column in the parent grid. As the window is resized, the image stretches correctly. As soon as I add another column, the image stops stretching horizontally. Vertially it works just like before, horizontally it now appears with a fixed width corresponding to the width of the picture used as the source. Does not matter which column it's positioned in, and I've tried encapsulating it into another grid but behaviour does not change. It behaves the same in both Visual studio 2010 designer and at runtime. In addition when I tried to encapsulate it in a second grid, this seond grid also now has altered behavior - instead of sizing itself to it's container (both height and width are not set) as it's parent grid does, it now sizes itself to its contents - the image. But only horizontally. What is going wrong here, is this a bug or am I missing something, and any advice on how I can get the image to fill one of the cells of a grid with more then one column?

Loading into xml not working in Safari

I have a xml http object which is getting me data on a dropdown refresh. This is working perfectly fine in IE but as issues in Safari and mozilla. Please go through my code which returns the contents and iam trying to load values into dropdown and let me know where i am missing it. function AddContents(httpRequest) { if(httpRequest.readyState == 4)   if (window.XMLHttpRequest) { var parser = new DOMParser(); doc = parser.parseFromString(httpRequest.responseText, "text/xml"); } else if (window.ActiveXObject) { doc = new ActiveXObject("Microsoft.XMLDOM"); doc.async = "false"; doc.loadXML(httpRequest.responseText); } alert(doc); var XMLRS = doc.documentElement.getElementsByTagName("Class"); for (i = 0; i < XMLRS.length; i++) { AddItem(document.getElementById("ddl"), XMLRS.item(i).getElementsByTagName("Value").item(0).text , XMLRS.item(i).getElementsByTagName("Id").item(0).text); } }

Alert not working when used with image inside gridview

I am currently using following code to set alert on required column of my grid. When I change button type to Image the alert appear after completion action. Any quick suggestion??   My code is below.. protected void grdDelTempList_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Cells[6].Attributes.Add("onClick", "javascript:return confirm('Are You Sure?');"); } }    

Image upload not working in updatepanel

Hi, in my update panel i need to upload a image.my Fileupload control within update panel.so when i check is it correct format or not in following code then it always take else part. Dim fileUpload1 As FileUpload = CType(Me.FindControl("FileUpload1"), FileUpload)            'Make sure a file has been successfully uploaded            If fileUpload1.PostedFile Is Nothing OrElse String.IsNullOrEmpty(fileUpload1.PostedFile.FileName) OrElse fileUpload1.PostedFile.InputStream Is Nothing Then                Label1.Text = "Please Upload Valid picture file"                Exit Sub            End If            'Make sure we are dealing with a JPG or GIF file            Dim extension As String = System.IO.Path.GetExtension(fileUpload1.PostedFile.FileName).ToLower()            Dim MIMEType As String = Nothing            Select Case exte

WPF TreeView working with Image Files

Hi, I'm working with a TreeView in my WPF App to control images files in my disk. The ItemsSource of TreeView is binding with a dynamic List<T> like these: <TreeView ItemsSource="{Binding Path=Thumbnail,ElementName=Tree}" x:Name="treeViewDocument" Width="230" Height="500" Margin="0,0,0,10"> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding Path=MoreThumbnail}"> <DockPanel HorizontalAlignment="Center" VerticalAlignment="Center"> <Image Source="{Binding Path=MyImage}" Width="{Binding Path=MySize}"/> </DockPanel> </HierarchicalDataTemplate> </TreeView.ItemTemplate> </TreeView> in the code behind I have: private List<MeusItens> _MyImages; public Window4() { InitializeComponent(); } public List<MyImages> Thumbnail { get { if (_MyImages == null) { MyImages obj = new MyImages("C:\\Temp\\1.tif", "70"); _MyImages = new List<MyImages>(); _MyImages.Add(obj); } return _MyImages; } } public class MyImages { public MyImages(string strImg, string strSize) { MyImage = strImg; MySize = strSize; }

background image in banner, over-ridden?

Hi folks, I am working on a master page with a stylesheet.css I put together.  Originally, I set the background as a simple color for the banner attribute until I had an image.  Now that I have the image, I have replaced the background color with the new image in the css file.  While in design mode, it works.  The background color has been replaced with the image.  However, when I run the application, it defaults back to the color (green for simplicity).  I am not sure why this is happening.  Somehow the original background is being pulled from somewhere, and I do not know where.  Has someone had this happen as well?  Why would the background image be displayed in Visual Studio, and then revert back to a previous setting when you run the application?Here is the master page <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <title></title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form2&q

background image

Hiii Coders, I m using div inside my html link. Now i want that there should be a background image which should cover my whole div. How can i get it? Is there any kind of article that will make things clear. plz rep as soon as poss thanx and regards  

Alternative coloring and Image background color

Hi        I wanted to simple create a report with alternative background colors. Which I could achieve easily. Now I have a column in this report which is supposed to display image. Based on value from the data field a red or green or blue icon is displayed in this column based on expression. Which is also working fine. Now the problem is after I place an image in this details column (with or without expression).  the alternative row coloring stopped working. its always white. I even tried creating a colored background image and still its not helping. Can some one help me out please? If the question is still not clear, please let me know.... for Screenshot please refer http://binabdu-fayaz.blogspot.com/2010/09/alternative-coloring-and-image.html Thanks a lot. Fayaz  
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend